bug

components/top/top.vue

@@ -1,13 +1,115 @@
 <template>
 	<view class="center">
 		<view class="box-top">
-			<view class="bg3"><image src="../../static/index/img14.png" mode=""></image></view>
+			<view class="bg3" @click="test()"><image src="../../static/index/img14.png" mode=""></image></view>
 			<view class="bg3 two"><image src="../../static/index/img08.png" mode=""></image></view>
 		</view>
+		<u-popup v-model="show" mode="left"	width="565rpx" border-radius="14">
+			<view class="popup">
+				<view class="title">
+					<view class="title-img"><image src="../../static/img/logo.png" mode=""></image></view>
+					<view class="text">恒星币</view>
+				</view>
+				<view class="hx"></view>
+				<view class="box-left" v-for="(item, index) in cdList" @click="navTo(item.url)">
+					<view class="box-box">
+						<view class="box-img"><image :src="item.image" mode=""></image></view>
+						<view class="box-title">{{ item.title }}</view>
+						<view class="box-right"><image :src="item.right" mode=""></image></view>
+					</view>
+					<view class="hx1"></view>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
-<script></script>
+<script>
+import uniPopup from '@/components/uni-popup/uni-popup.vue';
+export default {
+	data() {
+		return {
+			show: false,
+			cdList: [
+				{
+					image: '../../static/img/cd1.png',
+					title: '首页    ',
+					right: '../../static/img/right.png',
+					url: '/pages/index/index'
+				},
+				{
+					image: '../../static/img/cd2.png',
+					title: '恒星私募',
+					right: '../../static/img/right.png',
+					url: '/pages/private/private'
+				},
+				{
+					image: '../../static/img/cd5.png',
+					title: 'DIFI挖矿',
+					right: '../../static/img/right.png',
+					url: '/pages/index/Expect'
+				},
+				{
+					image: '../../static/img/cd4.png',
+					title: '我的推荐',
+					right: '../../static/img/right.png',
+					url: '/pages/index/share'
+				},
+				{
+					image: '../../static/img/cd3.png',
+					title: '超级节点',
+					right: '../../static/img/right.png',
+					url: '/pages/index/Expect'
+				},
+				{
+					image: '../../static/img/cd6.png',
+					title: '游戏版块',
+					right: '../../static/img/right.png',
+					url: '/pages/index/Expect'
+				},
+				{
+					image: '../../static/img/cd7.png',
+					title: '好友加速明细',
+					right: '../../static/img/right.png',
+					url: '/pages/index/Expect'
+				},
+				{
+					image: '../../static/img/cd8.png',
+					title: '算力奖励明细',
+					right: '../../static/img/right.png',
+					url: '/pages/index/Expect'
+				},
+				{
+					image: '../../static/img/cd9.png',
+					title: '社群奖励明细',
+					right: '../../static/img/right.png',
+					url: '/pages/index/Expect'
+				},
+				{
+					image: '../../static/img/cd10.png',
+					title: '公会奖励明细',
+					right: '../../static/img/right.png',
+					url: '/pages/index/Expect'
+				}
+			]
+		};
+	},
+	methods: {
+		addShow() {
+			this.$refs.popup.open();
+		},
+		navTo(url) {
+			uni.navigateTo({
+				url
+			});
+		},
+		test() {
+			this.show = true;
+			console.log(this.show);
+		}
+	}
+};
+</script>
 
 <style lang="less">
 .box-top {
@@ -25,4 +127,84 @@ image {
 .two {
 	margin-left: 36rpx;
 }
+.popup {
+	display: flex;
+	flex-direction: column;
+	background: linear-gradient(180deg, #00143b 0%, #000309 100%);
+	height: 100%;
+
+	.box-left {
+		width: 530rpx;
+		display: flex;
+		flex-direction: column;
+
+		.box-box {
+			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: flex-start;
+			margin-left: 30rpx;
+		}
+
+		.box-img {
+			z-index: 999;
+			width: 35rpx;
+			height: 35rpx;
+		}
+
+		.box-title {
+			margin-left: 20rpx;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			// font-weight: bold;
+			color: #ffffff;
+			line-height: 78rpx;
+		}
+
+		.box-right {
+			position: absolute;
+			right: 0;
+
+			z-index: 999;
+			width: 17rpx;
+			height: 32rpx;
+		}
+	}
+
+	.title {
+		margin: 40rpx 190rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		.title-img {
+			width: 186rpx;
+			height: 193rpx;
+		}
+
+		.text {
+			display: flex;
+
+			font-size: 41rpx;
+			font-family: zihun100hao-fangfangxianfengti;
+			font-weight: 400;
+			color: #ffffff;
+			line-height: 38rpx;
+		}
+	}
+
+	.hx {
+		width: 565rpx;
+		height: 12rpx;
+		background: #ffffff;
+		opacity: 0.23;
+	}
+
+	.hx1 {
+		width: 565rpx;
+		height: 2rpx;
+		background: #ffffff;
+		opacity: 0.1;
+	}
+}
 </style>

components/uni-popup/uni-popup-ori.vue

@@ -2,262 +2,269 @@
 	<view v-if="showPopup" class="uni-popup" @touchmove.stop.prevent="clear">
 		<uni-transition :mode-class="['fade']" :styles="maskClass" :duration="duration" :show="showTrans" @click="onTap" />
 		<uni-transition :mode-class="ani" :styles="transClass" :duration="duration" :show="showTrans" @click="onTap">
-			<view class="uni-popup__wrapper-box" @click.stop="clear">
-				<slot />
-			</view>
+			<view class="uni-popup__wrapper-box" @click.stop="clear"><slot /></view>
 		</uni-transition>
 	</view>
 </template>
 
 <script>
-	import uniTransition from '../uni-transition/uni-transition.vue'
+import uniTransition from '../uni-transition/uni-transition.vue';
 
-	/**
-	 * PopUp 弹出层
-	 * @description 弹出层组件，为了解决遮罩弹层的问题
-	 * @tutorial https://ext.dcloud.net.cn/plugin?id=329
-	 * @property {String} type = [top|center|bottom] 弹出方式
-	 * 	@value top 顶部弹出
-	 * 	@value center 中间弹出
-	 * 	@value bottom 底部弹出
-	 * @property {Boolean} animation = [ture|false] 是否开启动画
-	 * @property {Boolean} maskClick = [ture|false] 蒙版点击是否关闭弹窗
-	 * @event {Function} change 打开关闭弹窗触发，e={show: false}
-	 */
+/**
+ * PopUp 弹出层
+ * @description 弹出层组件，为了解决遮罩弹层的问题
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=329
+ * @property {String} type = [top|center|bottom] 弹出方式
+ * 	@value top 顶部弹出
+ * 	@value center 中间弹出
+ * 	@value bottom 底部弹出
+ * @property {Boolean} animation = [ture|false] 是否开启动画
+ * @property {Boolean} maskClick = [ture|false] 蒙版点击是否关闭弹窗
+ * @event {Function} change 打开关闭弹窗触发，e={show: false}
+ */
 
-	export default {
-		name: 'UniPopup',
-		components: {
-			uniTransition
+export default {
+	name: 'UniPopup',
+	components: {
+		uniTransition
+	},
+	props: {
+		// 开启动画
+		animation: {
+			type: Boolean,
+			default: true
 		},
-		props: {
-			// 开启动画
-			animation: {
-				type: Boolean,
-				default: true
-			},
-			// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
-			type: {
-				type: String,
-				default: 'center'
+		// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
+		type: {
+			type: String,
+			default: 'center'
+		},
+		// maskClick
+		maskClick: {
+			type: Boolean,
+			default: true
+		}
+	},
+	data() {
+		return {
+			duration: 300,
+			ani: [],
+			showPopup: false,
+			showTrans: false,
+			maskClass: {
+				position: 'fixed',
+				bottom: 0,
+				top: 0,
+				left: 0,
+				right: 0,
+				backgroundColor: 'rgba(0, 0, 0, 0.4)'
 			},
-			// maskClick
-			maskClick: {
-				type: Boolean,
-				default: true
+			transClass: {
+				position: 'fixed',
+				left: 0,
+				right: 0
 			}
-		},
-		data() {
-			return {
-				duration: 300,
-				ani: [],
-				showPopup: false,
-				showTrans: false,
-				maskClass: {
-					'position': 'fixed',
-					'bottom': 0,
-					'top': 0,
-					'left': 0,
-					'right': 0,
-					'backgroundColor': 'rgba(0, 0, 0, 0.4)'
-				},
-				transClass: {
-					'position': 'fixed',
-					'left': 0,
-					'right': 0,
+		};
+	},
+	watch: {
+		type: {
+			handler: function(newVal) {
+				switch (this.type) {
+					case 'top':
+						console.log('top');
+						this.ani = ['slide-top'];
+						this.transClass = {
+							position: 'fixed',
+							left: 0,
+							right: 0
+						};
+						break;
+					case 'bottom':
+						this.ani = ['slide-bottom'];
+						this.transClass = {
+							position: 'fixed',
+							left: 0,
+							right: 0,
+							bottom: 0
+						};
+						break;
+					case 'left':
+						console.log('left');
+						this.ani = ['slide-left'];
+						this.transClass = {
+							position: 'fixed',
+							left: 0,
+							top: 0,
+							bottom: 0
+						};
+						break;
+					case 'center':
+						this.ani = ['zoom-out', 'fade'];
+						this.transClass = {
+							position: 'fixed',
+							/* #ifndef APP-NVUE */
+							display: 'flex',
+							flexDirection: 'column',
+							/* #endif */
+							bottom: 0,
+							left: 0,
+							right: 0,
+							top: 0,
+							justifyContent: 'center',
+							alignItems: 'center'
+						};
+						break;
 				}
-			}
+			},
+			immediate: true
+		}
+	},
+	created() {
+		if (this.animation) {
+			this.duration = 300;
+		} else {
+			this.duration = 0;
+		}
+	},
+	methods: {
+		clear(e) {
+			// TODO nvue 取消冒泡
+			e.stopPropagation();
 		},
-		watch: {
-			type: {
-				handler: function(newVal) {
-					switch (this.type) {
-						case 'top':
-							this.ani = ['slide-top']
-							this.transClass = {
-								'position': 'fixed',
-								'left': 0,
-								'right': 0,
-							}
-							break
-						case 'bottom':
-							this.ani = ['slide-bottom']
-							this.transClass = {
-								'position': 'fixed',
-								'left': 0,
-								'right': 0,
-								'bottom': 0
-							}
-							break
-						case 'center':
-							this.ani = ['zoom-out', 'fade']
-							this.transClass = {
-								'position': 'fixed',
-								/* #ifndef APP-NVUE */
-								'display': 'flex',
-								'flexDirection': 'column',
-								/* #endif */
-								'bottom': 0,
-								'left': 0,
-								'right': 0,
-								'top': 0,
-								'justifyContent': 'center',
-								'alignItems': 'center'
-							}
-
-							break
-					}
-				},
-				immediate: true
-			}
+		open() {
+			this.showPopup = true;
+			this.$nextTick(() => {
+				clearTimeout(this.timer);
+				this.timer = setTimeout(() => {
+					this.showTrans = true;
+				}, 50);
+			});
+			this.$emit('change', {
+				show: true
+			});
 		},
-		created() {
-			if (this.animation) {
-				this.duration = 300
-			} else {
-				this.duration = 0
-			}
+		close(type) {
+			this.showTrans = false;
+			this.$nextTick(() => {
+				clearTimeout(this.timer);
+				this.timer = setTimeout(() => {
+					this.$emit('change', {
+						show: false
+					});
+					this.showPopup = false;
+				}, 300);
+			});
 		},
-		methods: {
-			clear(e) {
-				// TODO nvue 取消冒泡
-				e.stopPropagation()
-			},
-			open() {
-				this.showPopup = true
-				this.$nextTick(() => {
-					clearTimeout(this.timer)
-					this.timer = setTimeout(() => {
-						this.showTrans = true
-					}, 50);
-				})
-				this.$emit('change', {
-					show: true
-				})
-			},
-			close(type) {
-				this.showTrans = false
-				this.$nextTick(() => {
-					clearTimeout(this.timer)
-					this.timer = setTimeout(() => {
-						this.$emit('change', {
-							show: false
-						})
-						this.showPopup = false
-					}, 300)
-				})
-			},
-			onTap() {
-				if (!this.maskClick) return
-				this.close()
-			}
+		onTap() {
+			if (!this.maskClick) return;
+			this.close();
 		}
 	}
+};
 </script>
 <style lang="scss" scoped>
-	.uni-popup {
-		position: fixed;
-		/* #ifdef H5 */
-		top: var(--window-top);
-		/* #endif */
-		/* #ifndef H5 */
-		top: 0;
-		/* #endif */
-		bottom: 0;
-		left: 0;
-		right: 0;
-		/* #ifndef APP-NVUE */
-		z-index: 99;
-		/* #endif */
-	}
+.uni-popup {
+	position: fixed;
+	/* #ifdef H5 */
+	top: var(--window-top);
+	/* #endif */
+	/* #ifndef H5 */
+	top: 0;
+	/* #endif */
+	bottom: 0;
+	left: 0;
+	right: 0;
+	/* #ifndef APP-NVUE */
+	z-index: 99;
+	/* #endif */
+}
 
-	.uni-popup__mask {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		background-color: $uni-bg-color-mask;
-		opacity: 0;
-	}
+.uni-popup__mask {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: $uni-bg-color-mask;
+	opacity: 0;
+}
 
-	.mask-ani {
-		transition-property: opacity;
-		transition-duration: 0.2s;
-	}
+.mask-ani {
+	transition-property: opacity;
+	transition-duration: 0.2s;
+}
 
-	.uni-top-mask {
-		opacity: 1;
-	}
+.uni-top-mask {
+	opacity: 1;
+}
 
-	.uni-bottom-mask {
-		opacity: 1;
-	}
+.uni-bottom-mask {
+	opacity: 1;
+}
 
-	.uni-center-mask {
-		opacity: 1;
-	}
+.uni-center-mask {
+	opacity: 1;
+}
 
-	.uni-popup__wrapper {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-		position: absolute;
-	}
+.uni-popup__wrapper {
+	/* #ifndef APP-NVUE */
+	display: block;
+	/* #endif */
+	position: absolute;
+}
 
-	.top {
-		top: 0;
-		left: 0;
-		right: 0;
-		transform: translateY(-500px);
-	}
+.top {
+	top: 0;
+	left: 0;
+	right: 0;
+	transform: translateY(-500px);
+}
 
-	.bottom {
-		bottom: 0;
-		left: 0;
-		right: 0;
-		transform: translateY(500px);
-	}
+.bottom {
+	bottom: 0;
+	left: 0;
+	right: 0;
+	transform: translateY(500px);
+}
 
-	.center {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		flex-direction: column;
-		/* #endif */
-		bottom: 0;
-		left: 0;
-		right: 0;
-		top: 0;
-		justify-content: center;
-		align-items: center;
-		transform: scale(1.2);
-		opacity: 0;
-	}
+.center {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	flex-direction: column;
+	/* #endif */
+	bottom: 0;
+	left: 0;
+	right: 0;
+	top: 0;
+	justify-content: center;
+	align-items: center;
+	transform: scale(1.2);
+	opacity: 0;
+}
 
-	.uni-popup__wrapper-box {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-		position: relative;
-	}
+.uni-popup__wrapper-box {
+	/* #ifndef APP-NVUE */
+	display: block;
+	/* #endif */
+	position: relative;
+}
 
-	.content-ani {
-		// transition: transform 0.3s;
-		transition-property: transform, opacity;
-		transition-duration: 0.2s;
-	}
+.content-ani {
+	// transition: transform 0.3s;
+	transition-property: transform, opacity;
+	transition-duration: 0.2s;
+}
 
+.uni-top-content {
+	transform: translateY(0);
+}
 
-	.uni-top-content {
-		transform: translateY(0);
-	}
+.uni-bottom-content {
+	transform: translateY(0);
+}
 
-	.uni-bottom-content {
-		transform: translateY(0);
-	}
-
-	.uni-center-content {
-		transform: scale(1);
-		opacity: 1;
-	}
+.uni-center-content {
+	transform: scale(1);
+	opacity: 1;
+}
 </style>

manifest.json

@@ -106,7 +106,7 @@
         }
     },
     "h5" : {
-        "title" : "流量王",
+        "title" : "恒星币",
         "domain" : "",
         "router" : {
             "base" : "/index",
@@ -115,7 +115,7 @@
         "devServer" : {
             "proxy" : {
                 "/api" : {
-                    "target" : "http://flow.frp.liuniu946.com/api",
+                    "target" : "http://star.frp.liuniu946.com/api",
                     // "target" : "http://bowin.frp.liuniu946.com/api",
                     // "changeOrigin": true,
                     "pathRewrite" : {

pages/index/index.vue

@@ -1,383 +1,205 @@
 <template>
 	<view class="content">
-
-		<view class="bg">
-			<image src="../../static/index/bg01.png" mode=""></image>
-		</view>
-		<view class="bg1">
-			<image src="../../static/index/bg03.png" mode=""></image>
-		</view>
-
-		<view class="box-top">
-			<view class="bg3 " @click="addShow()">
-				<image src="../../static/index/img14.png" mode=""></image>
-			</view>
-			<view class="bg3 two">
-				<image src="../../static/index/img08.png" mode=""></image>
-			</view>
-		</view>
-
-		
-
-		<view class="bg5">
-			<image src="../../static/index/img09.png" mode=""></image>
-		</view>
-		<view class="bg4">
-			<image src="../../static/index/img04.png" mode=""></image>
-		</view>
-		<view class="bg6">
-			<image src="../../static/index/img10.png" mode=""></image>
-		</view>
-		<view class="bg7">
-			<image src="../../static/index/img13.png" mode=""></image>
-		</view>
-		<view class="bg8">
-			<image src="../../static/index/img06.png" mode=""></image>
-		</view>
+		<view class="bg"><image src="../../static/index/bg01.png" mode=""></image></view>
+		<view class="bg1"><image src="../../static/index/bg03.png" mode=""></image></view>
+
+		<top></top>
+		<view class="bg5"><image src="../../static/index/img09.png" mode=""></image></view>
+		<view class="bg4"><image src="../../static/index/img04.png" mode=""></image></view>
+		<view class="bg6"><image src="../../static/index/img10.png" mode=""></image></view>
+		<view class="bg7"><image src="../../static/index/img13.png" mode=""></image></view>
+		<view class="bg8"><image src="../../static/index/img06.png" mode=""></image></view>
 		<view class="bg9">
 			<image src="../../static/index/bg05.png" mode=""></image>
-			<view class="bg10">
-				<image src="../../static/index/img01.png" mode=""></image>
-			</view>
+			<view class="bg10"><image src="../../static/index/img01.png" mode=""></image></view>
 		</view>
 		<view class="bg9">
 			<image src="../../static/index/bg05.png" mode=""></image>
-			<view class="bg10">
-				<image src="../../static/index/img03.png" mode=""></image>
-			</view>
+			<view class="bg10"><image src="../../static/index/img03.png" mode=""></image></view>
 		</view>
 		<view class="bg9">
 			<image src="../../static/index/bg05.png" mode=""></image>
-			<view class="bg10">
-				<image src="../../static/index/img02.png" mode=""></image>
-			</view>
-		</view>
-		<view class="bg11">
-			<image src="../../static/img/bottom.png" mode=""></image>
+			<view class="bg10"><image src="../../static/index/img02.png" mode=""></image></view>
 		</view>
-		<!-- <u-popup :show="show" @close="close" @open="open" mode="left" ref="dd" zIndex="999999">
-			<view class="" style="background-color: #fff;width: 500rpx;height: 400rpx;">
-				<text>我是黄伟强的爹</text>
-			</view>
-		</u-popup> -->
-		<uni-popup ref="popup" type="left">
-			<view class="popup">
-				<view class="title">
-					<view class="title-img">
-						<image src="../../static/img/logo.png" mode=""></image>
-					</view>
-					<view class="text">
-						恒星币
-					</view>
-				</view>
-				<view class="hx">
-
-				</view>
-				<view class="box-left" v-for=" (item,index) in cdList" @click="navTo(item.url)">
-					<view class="box-box">
-						<view class="box-img">
-							<image :src="item.image" mode=""></image>
-						</view>
-						<view class="box-title">
-							{{item.title}}
-						</view>
-						<view class="box-right">
-							<image :src="item.right" mode=""></image>
-						</view>
-					</view>
-					<view class="hx1">
-
-					</view>
-				</view>
-
-
-			</view>
-		</uni-popup>
-		<!-- <u-alert title="将就将就军军" type = "warning" :description = "description"></u-alert> -->
+		<view class="bg11"><image src="../../static/img/bottom.png" mode=""></image></view>
 	</view>
 </template>
 
 <script>
-	import uniPopup from '@/components/uni-popup/uni-popup.vue';
-	import top from '@/components/top/top.vue'
-		export default {
-			data() {
-				return {
-					show: false,
-					cdList: [{
-							image: '../../static/img/cd1.png',
-							title: '首页    ',
-							right: '../../static/img/right.png',
-							url: './Expect'
-						},
-						{
-							image: '../../static/img/cd2.png',
-							title: '恒星私募',
-							right: '../../static/img/right.png',
-							url: './Expect'
-						},
-						{
-							image: '../../static/img/cd5.png',
-							title: 'DIFI挖矿',
-							right: '../../static/img/right.png'
-						},
-						{
-							image: '../../static/img/cd4.png',
-							title: '我的推荐',
-							right: '../../static/img/right.png'
-						},
-						{
-							image: '../../static/img/cd3.png',
-							title: '超级节点',
-							right: '../../static/img/right.png'
-						},
-						{
-							image: '../../static/img/cd6.png',
-							title: '游戏版块',
-							right: '../../static/img/right.png'
-						},
-						{
-							image: '../../static/img/cd7.png',
-							title: '好友加速明细',
-							right: '../../static/img/right.png'
-						},
-						{
-							image: '../../static/img/cd8.png',
-							title: '算力奖励明细',
-							right: '../../static/img/right.png'
-						},
-						{
-							image: '../../static/img/cd9.png',
-							title: '社群奖励明细',
-							right: '../../static/img/right.png'
-						},
-						{
-							image: '../../static/img/cd10.png',
-							title: '公会奖励明细',
-							right: '../../static/img/right.png'
-						}
-					]
-				};
-			},
-			methods: {
-				addShow() {
-					this.show = true
-					this.$refs.popup.open()
-					console.log(this.$refs.dd)
-					console.log("陈宫", this.show);
-					if (this.show == false) {
-
-						this.$refs.popup.close()
-						console.log("陈宫", this.show);
-					}
-
+import top from '@/components/top/top.vue';
+export default {
+	comments: {
+		top
+	},
+	data() {
+		return {
+			cdList: [
+				{
+					image: '../../static/img/cd1.png',
+					title: '首页    ',
+					right: '../../static/img/right.png',
+					url: './Expect'
+				},
+				{
+					image: '../../static/img/cd2.png',
+					title: '恒星私募',
+					right: '../../static/img/right.png',
+					url: './Expect'
+				},
+				{
+					image: '../../static/img/cd5.png',
+					title: 'DIFI挖矿',
+					right: '../../static/img/right.png'
+				},
+				{
+					image: '../../static/img/cd4.png',
+					title: '我的推荐',
+					right: '../../static/img/right.png'
 				},
-				navTo(url) {
-					uni.navigateTo({
-						url
-					})
+				{
+					image: '../../static/img/cd3.png',
+					title: '超级节点',
+					right: '../../static/img/right.png'
+				},
+				{
+					image: '../../static/img/cd6.png',
+					title: '游戏版块',
+					right: '../../static/img/right.png'
+				},
+				{
+					image: '../../static/img/cd7.png',
+					title: '好友加速明细',
+					right: '../../static/img/right.png'
+				},
+				{
+					image: '../../static/img/cd8.png',
+					title: '算力奖励明细',
+					right: '../../static/img/right.png'
+				},
+				{
+					image: '../../static/img/cd9.png',
+					title: '社群奖励明细',
+					right: '../../static/img/right.png'
+				},
+				{
+					image: '../../static/img/cd10.png',
+					title: '公会奖励明细',
+					right: '../../static/img/right.png'
 				}
-				// open() {
-				// 	console.log('open');
-				// },
-				// close() {
-				// 	this.show = false
-				// 	// console.log('close');
-				// }
-			}
+			]
+		};
+	},
+	methods: {
+		addShow() {
+			this.$refs.popup.open();
+		},
+		navTo(url) {
+			uni.navigateTo({
+				url
+			});
 		}
+	}
+};
 </script>
 
 <style lang="scss">
-	page,
-	.content {
-		height: 100%;
-		margin: 0;
-		padding: 0;
-	}
-
-	image {
-		height: 100%;
-		width: 100%;
-	}
-
-	.bg {
-		position: absolute;
-		width: 750rpx;
-		height: 3117rpx;
-	}
-
-
-	.box-top {
-		display: flex;
-		padding: 36rpx 41rpx 72rpx 41rpx;
-	}
-
-
-	.bg1 {
-		position: absolute;
-		width: 750rpx;
-		height: 629rpx;
-	}
-
-
-	.bg3 {
-		width: 56rpx;
-		height: 62rpx;
-	}
-
-	.two {
-		margin-left: 36rpx;
-	}
+page,
+.content {
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+image {
+	height: 100%;
+	width: 100%;
+}
+
+.bg {
+	position: absolute;
+	width: 750rpx;
+	height: 3117rpx;
+}
+
+.box-top {
+	display: flex;
+	padding: 36rpx 41rpx 72rpx 41rpx;
+}
+
+.bg1 {
+	position: absolute;
+	width: 750rpx;
+	height: 629rpx;
+}
+
+.bg3 {
+	width: 56rpx;
+	height: 62rpx;
+}
+
+.two {
+	margin-left: 36rpx;
+}
+
+.bg4 {
+	display: flex;
+	margin: 0 auto;
+	width: 680rpx;
+	height: 581rpx;
+}
+
+.bg5 {
+	position: absolute;
+	right: 0;
+	top: 105rpx;
+	width: 68rpx;
+	height: 108rpx;
+}
+
+.bg6 {
+	width: 78rpx;
+	height: 98rpx;
+	margin: 33rpx 22rpx;
+}
+
+.bg7 {
+	position: absolute;
+	right: 0;
+	top: 660rpx;
+	width: 219rpx;
+	height: 308rpx;
+}
+
+.bg8 {
+	width: 546rpx;
+	height: 168rpx;
+	margin: -66rpx auto;
+}
+
+.bg9 {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 680rpx;
+	height: 524rpx;
+	margin: 40rpx auto;
+}
+
+.bg10 {
+	position: absolute;
+
+	width: 590rpx;
+	height: 400rpx;
+}
+
+.bg11 {
+	background: black;
+	float: left;
+	bottom: 0;
+
+	width: 750rpx;
+	height: 650rpx;
+}
 
-
-	.bg4 {
-
-		display: flex;
-		margin: 0 auto;
-		width: 680rpx;
-		height: 581rpx;
-	}
-
-	.bg5 {
-		position: absolute;
-		right: 0;
-		top: 105rpx;
-		width: 68rpx;
-		height: 108rpx;
-	}
-
-	.bg6 {
-		width: 78rpx;
-		height: 98rpx;
-		margin: 33rpx 22rpx;
-	}
-
-	.bg7 {
-		position: absolute;
-		right: 0;
-		top: 660rpx;
-		width: 219rpx;
-		height: 308rpx;
-	}
-
-	.bg8 {
-		width: 546rpx;
-		height: 168rpx;
-		margin: -66rpx auto;
-
-	}
-
-	.bg9 {
-
-		position: relative;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 680rpx;
-		height: 524rpx;
-		margin: 40rpx auto;
-	}
-
-	.bg10 {
-		position: absolute;
-
-		width: 590rpx;
-		height: 400rpx;
-	}
-
-	.bg11 {
-		background: black;
-		float: left;
-		bottom: 0;
-
-		width: 750rpx;
-		height: 650rpx;
-	}
-
-	.popup {
-		display: flex;
-		flex-direction: column;
-		background: linear-gradient(180deg, #00143B 0%, #000309 100%);
-		width: 565rpx;
-		height: 1448rpx;
-
-		.box-left {
-			width: 530rpx;
-			display: flex;
-			flex-direction: column;
-
-
-			.box-box {
-				position: relative;
-				display: flex;
-				align-items: center;
-				justify-content: flex-start;
-				margin-left: 30rpx;
-			}
-
-			.box-img {
-				z-index: 999;
-				width: 35rpx;
-				height: 35rpx;
-			}
-
-			.box-title {
-				margin-left: 20rpx;
-				font-size: 30rpx;
-				font-family: PingFang SC;
-				// font-weight: bold;
-				color: #FFFFFF;
-				line-height: 78rpx;
-
-			}
-
-			.box-right {
-				position: absolute;
-				right: 0;
-
-				z-index: 999;
-				width: 17rpx;
-				height: 32rpx;
-			}
-		}
-
-		.title {
-			margin: 40rpx 190rpx;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-
-			.title-img {
-				width: 186rpx;
-				height: 193rpx;
-
-			}
-
-			.text {
-				display: flex;
-
-				font-size: 41rpx;
-				font-family: zihun100hao-fangfangxianfengti;
-				font-weight: 400;
-				color: #FFFFFF;
-				line-height: 38rpx;
-			}
-		}
-
-		.hx {
-			width: 565rpx;
-			height: 12rpx;
-			background: #FFFFFF;
-			opacity: 0.23;
-		}
-
-		.hx1 {
-			width: 565rpx;
-			height: 2rpx;
-			background: #FFFFFF;
-			opacity: 0.1;
-		}
-
-	}
 </style>

pages/index/share.vue

@@ -1,13 +1,6 @@
 <template>
 	<view class="content">
-		<view class="box-top">
-			<view class="bg3">
-				<image src="../../static/index/img14.png" mode=""></image>
-			</view>
-			<view class="bg3 two">
-				<image src="../../static/index/img08.png" mode=""></image>
-			</view>
-		</view>
+		<top></top>
 		<view class="top-tit">
 			邀请好友
 			变成壕友
@@ -21,24 +14,6 @@
 				<text>业</text>
 				<text>绩</text>
 			</view>
-			<!-- <view class="tj-qr">
-				<tki-qrcode
-					:cid="cid"
-					ref="qrcode"
-					:val="val"
-					:size="size"
-					:unit="unit"
-					:background="background"
-					:foreground="foreground"
-					:pdground="pdground"
-					:iconSize="iconSize"
-					:lv="lv"
-					:onval="onval"
-					:loadMake="loadMake"
-					:usingComponents="usingComponents"
-					@result="qrR"
-				/>
-			</view> -->
 			<view class="tj-lj-tit">
 				【链接地址】
 			</view>
@@ -121,32 +96,13 @@
 </template>
 
 <script>
-	import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';
+	import top from '@/components/top/top.vue';
 	export default {
+		comments: {
+			top,
+		},
 		data() {
 			return {
-				// cid: 'tki-qrcode-canvas', //canvasId，页面存在多个二维码组件时需设置不同的ID
-				// size: 378, //生成的二维码大小
-				// unit: 'upx', //大小单位尺寸
-				// show: true,//默认使用组件中的image标签显示二维码
-				// val: '强儿、岚儿都是我儿', //要生成的内容
-				// background: '#ffffff', //二维码背景色
-				// foreground: '#333333', //二维码前景色
-				// pdground: '#333333', //二维码角标色
-				// icon: '', //二维码图标URL（必须是本地图片，网络图需要先下载至本地）
-				// iconSize: 40, //二维码图标大小
-				// lv: 3, //容错级别
-				// onval: true, //监听val值变化自动重新生成二维码
-				// loadMake: true, //组件初始化完成后自动生成二维码，val需要有值
-				// usingComponents: false, //是否使用了自定义组件模式（主要是为了修复非自定义组件模式时 v-if 无法生成二维码的问题）
-				// showLoading: false, //是否显示loading
-				// loadingText: '二维码生成中', //loading文字
-				// src: '', // 二维码生成后的图片地址或base64
-				// ratio: 1, //页面比例用于计算
-				// ctxSrc: '', //要显示的图片
-				// loading: true,//是否载入图片中
-				// canHeight: '',//画布高度
-				// canWeidth: '',//画布宽度
 				navList: [
 					{
 						name: '直推业绩',

store/index.js

@@ -6,7 +6,7 @@ Vue.use(Vuex)
 const store = new Vuex.Store({
 	state: {
 		lang:'zh_cn',
-		baseURL:'http://flow.frp.liuniu946.com',//请求地址配置 
+		baseURL:'http://star.frp.liuniu946.com',//请求地址配置 
 		urlFile:'/index',//项目部署所在文件夹
 		userInfo: {}, //登录信息
 		loginInterceptor:false,//是否打开强制登录