1.样式

pages/user/user.vue

@@ -3,13 +3,14 @@
 
 		<view class="top">
 			<view class="customerMes">
-				<image :src="headImg" mode="" style="width: 88rpx;height: 88rpx;border-radius: 44rpx;"></image>
+				<image v-if="headImg" :src="headImg" mode="" style="width: 88rpx;height: 88rpx;border-radius: 44rpx;"></image>
+				<image v-else src="../../static/img/icon_me.png" mode="" style="width: 88rpx;height: 88rpx;border-radius: 44rpx;"></image>
 				<view class="mes">
 					<view class="nick">
-						<view class="nickName" v-if="userInfo.nickName">{{userInfo.nickName}}</view>
+						<view class="nickName" v-if="nickName">{{nickName}}</view>
 						<view class="grade" v-if="numList.levelName">{{numList.levelName}}</view>
 					</view>
-					<view class="phone">{{userInfo.mobilePhone}}</view>
+					<view class="phone">{{phone}}</view>
 				</view>
 			</view>
 
@@ -201,7 +202,9 @@
 				},
 				authorizShow: false,
 				code: '',
-				wxOpenData: '',
+				wxOpenData: '',
+				nickName:'',
+				phone:'',
 			}
 		},
 		onLoad(opt) {
@@ -224,7 +227,9 @@
 			//const wxOpenData = uni.getStorageSync("wxOpenData");
 			const wxOpenData = this.$store.state.wxOpenData;
 			if (wxOpenData) {
-				this.headImg = wxOpenData.loginInfo.customerInfo.headImgurl;
+				this.headImg = wxOpenData.loginInfo.customerInfo.headImgurl;
+				this.nickName = wxOpenData.loginInfo.customerInfo.wxNickName;
+				this.phone = wxOpenData.loginInfo.customerInfo.mobilePhone;
 				this.uid = wxOpenData.loginInfo.uid;
 			}
 			//this.userInfo = uni.getStorageSync("userInfo")
@@ -358,7 +363,7 @@
 		height: 350rpx;
 		padding: 20rpx 24rpx 0;
 		background-color: #D53533;
-		border-radius: 0 0 10% 10%;
+		border-radius: 0 0 5% 5%;
 	}
 
 	.customerMes {
@@ -381,10 +386,10 @@
 
 	.nickName {
 		font-size: 34rpx;
-		color: #333333;
+		color: #FFFFFF;
 		font-weight: bold;
 		line-height: 48rpx;
-		height: 38rpx;
+		height: 48rpx;
 	}
 
 	.grade {