111

pages/index/share.vue

@@ -1,3 +1,4 @@
+*-+
 <template>
 	<view class="content">
 		<view class="box-top">
@@ -21,24 +22,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>
@@ -54,7 +37,7 @@
 				</view>
 			</view>
 		</view>
-		<view class="tj-look">
+		<view class="tj-look" @click="button()">
 			查看推荐
 		</view>
 		<uni-popup ref="yeji" type="center">
@@ -82,7 +65,8 @@
 					</view>
 				</view>
 				<view class="yj-nav flex">
-					<view class="nav-item" v-for="(navitem,index) in navList" :class="{'active': index == tabIndex}" @click="navClick(index)">
+					<view class="nav-item" v-for="(navitem,index) in navList" :class="{'active': index == tabIndex}"
+						@click="navClick(index)">
 						{{navitem.name}}
 					</view>
 				</view>
@@ -111,44 +95,55 @@
 								<uni-load-more :status="item.loadingType"></uni-load-more>
 							</scroll-view>
 						</swiper-item>
-						
 					</swiper>
-					
 				</view>
 			</view>
+
 		</uni-popup>
-	</view>
-</template>
-
+		<uni-popup  ref="yeji1" type="center">
+			<view class="yj-wrap">
+				<view class="yj-tit">
+					我的推荐
+				</view>
+				<image src="../../static/img/yj-bg.png" mode="" class="yj-logo"></image>
+				<view class="yj-info-wrap">
+					<view class="yj-info-tit flex">
+						<view class="">
+							钱包地址
+						</view>
+						<view class="">
+							时间
+						</view>
+					</view>
+					<swiper class="yj-info-scroll" :current="tabIndex" duration="300">
+						<swiper-item v-for="item in navList">
+							<scroll-view scroll-y="true" class="yj-info-scroll" @scrolltolower="loadMore">
+								<view v-for="itemt in item.list" class="">
+									<view class="flex yj-info">
+										<view class="">
+											{{itemt.time}}
+										</view>
+										<view class="">
+											{{itemt.val}}
+										</view>
+									</view>
+								</view>
+								<uni-load-more :status="item.loadingType"></uni-load-more>
+							</scroll-view>
+						</swiper-item>
+					</swiper>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
 <script>
 	import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';
 	export default {
 		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: [
-					{
+				navList: [{
 						name: '直推业绩',
 						page: 1,
 						limit: 8,
@@ -170,11 +165,14 @@
 		},
 		methods: {
 			qrR() {
-				
+
 			},
 			opneYj() {
 				this.$refs.yeji.open()
 			},
+			button(){
+						this.$refs.yeji1.open()
+			},
 			// 点击切换
 			navClick(index) {
 				this.tabIndex = index
@@ -184,20 +182,21 @@
 				let obj = this
 				let index = obj.tabIndex
 				let navItem = obj.navList[index]
-				if(navItem.loadingType == 'noMore' || navItem.loadingType == 'loading') {
+				if (navItem.loadingType == 'noMore' || navItem.loadingType == 'loading') {
 					return
 				}
 				navItem.loadingType = 'loading'
 				console.log('jiaz')
 			}
 		}
-	}
-</script>
-
+	}
+</script>
+
 <style lang="scss" scoped>
 	page {
 		background-color: #00050f;
 	}
+
 	.top-tit {
 		text-align: center;
 		font-size: 160rpx;
@@ -208,35 +207,43 @@
 		line-height: 168rpx;
 		margin-bottom: 62rpx;
 	}
-	.box-top{
+
+	.box-top {
 		display: flex;
 		padding: 36rpx 41rpx 72rpx 41rpx;
-		.bg3{
+
+		.bg3 {
 			width: 56rpx;
 			height: 62rpx;
+
 			image {
 				width: 100%;
 				height: 100%;
 			}
 		}
-		.two{
+
+		.two {
 			margin-left: 36rpx;
+
 			image {
 				width: 100%;
 				height: 100%;
 			}
 		}
 	}
+
 	.center-wrap {
 		width: 680rpx;
 		height: 891rpx;
 		margin: auto;
 		position: relative;
+
 		.tj-bg {
 			position: absolute;
 			width: 680rpx;
 			height: 891rpx;
 		}
+
 		.center-tit {
 			width: 680rpx;
 			height: 102rpx;
@@ -249,6 +256,7 @@
 			position: absolute;
 			top: 0;
 		}
+
 		.tj-jl {
 			text-align: center;
 			width: 61rpx;
@@ -266,6 +274,7 @@
 			flex-direction: column;
 			justify-content: center;
 		}
+
 		.tj-qr {
 			width: 383rpx;
 			height: 383rpx;
@@ -277,6 +286,7 @@
 			top: 204rpx;
 			margin: auto;
 		}
+
 		.tj-lj-tit {
 			width: 680rpx;
 			text-align: center;
@@ -288,6 +298,7 @@
 			position: absolute;
 			top: 560rpx;
 		}
+
 		.tj-lj {
 			width: 636rpx;
 			height: 67rpx;
@@ -299,6 +310,7 @@
 			right: 0;
 			left: 0;
 			margin: auto;
+
 			.lj-tit {
 				width: 148rpx;
 				flex-shrink: 0;
@@ -309,6 +321,7 @@
 				color: #FFFFFF;
 				line-height: 67rpx;
 			}
+
 			.lj-info {
 				width: 148rpx;
 				flex-grow: 1;
@@ -319,6 +332,7 @@
 				color: #FFFFFF;
 				line-height: 67rpx;
 			}
+
 			.lj-copy {
 				flex-shrink: 0;
 				width: 148rpx;
@@ -331,6 +345,7 @@
 			}
 		}
 	}
+
 	.tj-look {
 		width: 450rpx;
 		height: 75rpx;
@@ -345,11 +360,13 @@
 		line-height: 75rpx;
 		text-align: center;
 	}
+
 	.yj-wrap {
 		width: 680rpx;
 		height: 854rpx;
 		background: linear-gradient(180deg, #254FAB 0%, #230A8E 100%);
 		border-radius: 20rpx;
+
 		.yj-logo {
 			display: block;
 			width: 326rpx;
@@ -357,6 +374,7 @@
 			margin: auto;
 			border-radius: 20px;
 		}
+
 		.yj-tit {
 			width: 100%;
 			padding-top: 60rpx;
@@ -368,6 +386,7 @@
 			color: #FFFFFF;
 			// line-height: 38px;
 		}
+
 		.yj-hj {
 			width: 653rpx;
 			height: 147rpx;
@@ -375,6 +394,7 @@
 			border: 2rpx solid #08EDE7;
 			border-radius: 10rpx;
 			margin: 40rpx auto;
+
 			.yj-hj-item {
 				width: 50%;
 				text-align: center;
@@ -383,6 +403,7 @@
 				font-weight: bold;
 				color: #FFFFFF;
 				line-height: 38rpx;
+
 				// opacity: 0.7;
 				.hj-item-val {
 					font-size: 41rpx;
@@ -394,6 +415,7 @@
 				}
 			}
 		}
+
 		.yj-nav {
 			width: 582rpx;
 			border-bottom: 2rpx solid #fff;
@@ -403,18 +425,22 @@
 			font-weight: bold;
 			color: #97a1d2;
 			line-height: 38rpx;
+
 			.nav-item {
 				padding: 20rpx 40rpx;
 			}
+
 			.active {
 				color: #fff;
 			}
 		}
 	}
+
 	.yj-info-wrap {
 		height: 362rpx;
 		width: 582rpx;
 		margin: auto;
+
 		// background-color: #fff;
 		.yj-info-tit {
 			font-size: 28rpx;
@@ -425,10 +451,12 @@
 			justify-content: space-between;
 			padding: 10rpx 0;
 		}
+
 		.yj-info-scroll {
 			// touch-action: none;
 			width: 582rpx;
 			height: 320rpx;
+
 			// background-color: red;
 			.yj-info {
 				font-size: 28rpx;
@@ -438,5 +466,5 @@
 				line-height: 38rpx;
 			}
 		}
-	}
+	}
 </style>