Просмотр исходного кода

feat(cjx): 更新扫码结果展示和用户信息显示

- 修改claim.vue页面中二维码活动状态文本样式和内容显示
- 添加text_detail样式类用于统一文本样式
- 将my.vue页面中的用户手机号显示替换为昵称显示
- 在用户信息中新增nickName字段并更新数据绑定
mws 1 день назад
Родитель
Сommit
b2ef5eedaf
2 измененных файлов с 14 добавлено и 7 удалено
  1. 10 5
      pages/cjx/index/claim.vue
  2. 4 2
      pages/cjx/my/my.vue

+ 10 - 5
pages/cjx/index/claim.vue

@@ -36,16 +36,16 @@
 				<view class="text-detail">
           您所查询的是超吉炫新型低纤槟榔胶果,是正牌产品,感谢您的购买!
 				</view>
-				<view class="text-one">
+				<view class="text-one text_detail"  style="color: #ffb700">
 					此二维码已参与过活动!
 				</view>
-				<view class="text-one">
-					首次扫码者: {{scanUserData.openid}}
+				<view class="text-one text_detail"  style="color: #ffb700">
+					首次扫码者: {{scanUserData.nick_name}}
 				</view>
-				<view class="text-one">
+				<view class="text-one text_detail">
 					首次扫码时间: {{scanUserData.scan_time}}
 				</view>
-				<view class="text-one" style="color: red; font-weight: 600;font-size: 36rpx;">
+				<view class="text-one text_detail" >
 					获得奖励: {{prizeJson.prize_type == 0 ? '谢谢惠顾' : prizeJson.prize_type == 1 ? prizeJson.money/100 + '元现金红包' : prizeJson.prize_type == 4 ? "积分奖励":"加"+prizeJson.price+"元,"+prizeJson.title+""+prizeJson.prize_name  }}
 				</view>
 			</view>
@@ -171,4 +171,9 @@
 	    font-weight: 400;
 	    font-size: 26rpx;
 	}
+	.text_detail{
+		color: red; 
+		font-weight: 600;
+		font-size: 36rpx;
+	}
 </style>

+ 4 - 2
pages/cjx/my/my.vue

@@ -43,7 +43,7 @@
 					</u-col>
 					<u-col span="8">
 						<view class="jf_phone">
-							{{userPhone}}
+							{{nickName}}
 						</view>
 						<view class="text-class">
 							我的积分: <span class="point">{{ point }} </span>
@@ -95,7 +95,8 @@
 			return {
 				userPhone: '',
 				point: 0,
-				image:''
+				image:'',
+				nickName:''
 			}
 		},
 		onLoad() {
@@ -110,6 +111,7 @@
 						that.userPhone = res.data.phone;
 						that.point = res.data.point;
 						that.image = res.data.image;
+						that.nickName = res.data.nickName;
 						console.log(that.point);
 					}
 				})