lhl 8 months ago
parent
commit
dcd6d4ac76
1 changed files with 92 additions and 3 deletions
  1. 92 3
      pages/user/user.vue

+ 92 - 3
pages/user/user.vue

@@ -87,7 +87,7 @@
 					<image class="oitem-image" src="../../static/user/u2.png" mode=""></image>
 					<view class="oitem-font">联系客服</view>
 				</view>
-				<view class="oitem" @click="navTo('/pages/order/order?state=2')">
+				<view class="oitem" @click="opentj()">
 					<image class="oitem-image" src="../../static/user/u3.png" mode=""></image>
 					<view class="oitem-font">我的邀请人</view>
 				</view>
@@ -104,7 +104,36 @@
 		</view>
 		<uni-popup ref="popupkf" type="center">
 			<view class="popup-box">
-				
+				<view class="tit">
+					联系客服
+				</view>
+				<image src="../../static/user/kf.png" mode=""></image>
+				<view class="wx">
+					客服VX:{{kf}}
+				</view>
+				<view class="btn" @click="comfirm(kf)">
+					复制微信
+				</view>
+				<image src="../../static/user/close.png" mode="" class="close" @click="cancel"></image>
+			</view>
+		</uni-popup>
+		<uni-popup ref="popuptj" type="center">
+			<view class="popup-box">
+				<view class="tit">
+					我的推荐人
+				</view>
+				<!-- <image src="../../static/user/kf.png" mode=""></image> -->
+				<image src="../../static/error/missing-face.png" mode="" class="avt"></image>
+				<view class="wx">
+					李丹丹
+				</view>
+				<view class="id">
+					ID号:2363226
+				</view>
+				<view class="btn" @click="comfirm(kf)">
+					复制ID号
+				</view>
+				<image src="../../static/user/close.png" mode="" class="close" @click="closetj()"></image>
 			</view>
 		</uni-popup>
 	</view>
@@ -150,6 +179,7 @@
 		},
 		data() {
 			return {
+				kf: '18967672398',
 				// #ifdef APP
 				wgtinfo: {
 					version: '1.0.0'
@@ -160,7 +190,7 @@
 				year: '', //保存当前年份
 				day: '', //保存当前日期
 				current: 4,
-				tabbar: tabbar1,
+				// tabbar: tabbar1,
 				qded: false, //是否已签到
 				text: '18967672398', //客服微信
 				actionDay: 0, //连续签到天数
@@ -496,6 +526,12 @@
 			// 关闭客服
 			cancel() {
 				this.$refs.popupkf.close();
+			},
+			opentj() {
+				this.$refs.popuptj.open()
+			},
+			closetj() {
+				this.$refs.popuptj.close()
 			}
 		}
 	};
@@ -771,5 +807,58 @@
 		width: 542rpx;
 		height: 647rpx;
 		background-size: 100% 100%;
+		position: relative;
+		.tit {
+			font-weight: bold;
+			font-size: 44rpx;
+			color: #222222;
+			text-align: center;
+			padding-top: 10rpx;
+		}
+		image {
+			width: 249rpx;
+			height: 245rpx;
+			display: block;
+			margin: 42rpx 0 0 178rpx;
+		}
+		.avt {
+			width: 125rpx;
+			height: 125rpx;
+			border-radius: 50%;
+			margin:80rpx auto 25rpx;
+		}
+		.id {
+			text-align: center;
+			font-size: 35rpx;
+			color: #222222;
+			margin: 30rpx auto 50rpx;
+		}
+		.wx {
+			text-align: center;
+			font-weight: bold;
+			font-size: 32rpx;
+			color: #222222;
+			margin: 24rpx auto 30rpx;
+		}
+		.btn {
+			width: 330rpx;
+			line-height: 77rpx;
+			background: linear-gradient(268deg, rgba(113,87,185,0.99), #8667C3, #7258B9);
+			border-radius: 10rpx;
+			margin:20rpx auto;
+			text-align: center;
+			font-weight: bold;
+			font-size: 35rpx;
+			color: #FFFFFF;
+		}
+		.close {
+			width: 80rpx;
+			height: 80rpx;
+			position: absolute;
+			left: 0;
+			right: 0;
+			bottom: -110rpx;
+			margin: auto;
+		}
 	}
 </style>