1111

pages/me/base_info.vue

@@ -18,6 +18,13 @@
 				<text class="explain">{{page.nick}}</text>
 				<image class="more" src="../../static/more.png"></image>
 			</view>
+			<view class="line-thin"></view>
+			<view class="menu-item">
+				<text class="text">手机号</text>
+				<text class="explain"></text>
+				<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">{{page.phone}}</button>
+				<image class="more" src="../../static/more.png"></image>
+			</view>
 
 		</loading-state>
 
@@ -37,7 +44,8 @@
 			}
 		},
 		onLoad(options) {
-			this.request()
+			// this.request()
+			this.$refs.pageView.setLoadState(2)
 		},
 		methods: {
 			// 获取数据
@@ -86,16 +94,47 @@
 				}).catch(e => {
 					console.log(e);
 				})
+			},
+			getPhoneNumber(e) {
+				let _this = this
+				console.log(e.detail.code)
+				_this.$api.getPhone({
+					userSid: getApp().globalData.sid,
+					code: e.detail.code
+				}).then((resp) => {
+					_this.page.phone = resp
+				}).catch(e => {
+					console.log(e);
+				})
 			}
 		}
 	}
 </script>
 
 <style lang="scss">
+	button {
+		color: #828282;
+		background-color: #fff;
+		font-size: 28rpx;
+		padding-right: 10rpx;
+	}
+
+
+	button::after {
+		border: 0;
+	}
+
+	// 修改点击时的样式
+	.button-hover {
+		color: #F85959;
+		background-color: #fff;
+	}
+
 	page {
 		background-color: #f1f2f3;
 	}
 
+
 	.menu-item {
 		height: 112rpx;
 		width: auto;