update api

pages/mine/index.vue

@@ -5,15 +5,15 @@
 				<image src="/static/image/mine/23.png" class="avatar" @click="toOtherPage('/mine/MineInfo')" />
 				<view class="user-info">
 					<view class="info-left">
-						<view class="user-nickname" @click="toOtherPage('/mine/MineInfo')">小同学</view>
+						<view class="user-nickname" @click="toOtherPage('/mine/MineInfo')">{{ userInfo.member_nickname }}</view>
 						<view class="user-medal" @click="toOtherPage('/mine/MedalIntroduction')">
 							<img src="/static/image/mine/13.png" />
 							<view class="rank-title">勋章</view>
 						</view>
 					</view>
 					<view class="info-right">
-						<view class="info-phone">123***5694</view>
-						<view class="user-rank">等级:34级</view>
+						<view class="info-phone">{{ userInfo.member_mobile | phoneFormat }}</view>
+						<view class="user-rank">等级:{{ userInfo.member_exppoints }}级</view>
 					</view>
 				</view>
 				<view class="member-service" @click="toOtherPage('/mine/MemberServe')">会员服务</view>
@@ -32,7 +32,7 @@
 					<view>图文收藏</view>
 				</view>
 				<view @click="toOtherPage('/mine/Integral')">
-					<view>9</view>
+					<view>{{ userInfo.member_points }}</view>
 					<view>积分数</view>
 				</view>
 				<view @click="toOtherPage('/mine/MineConcerns')">
@@ -123,15 +123,28 @@
 export default {
     data() {
         return {
-            title: "2"
+            userInfo: {}
         };
-    },
-	onLoad() {},
+	},
+	filters: {
+		phoneFormat(value) {
+			return value.replace(/^(\d{3})\d*(\d{4})$/, '$1****$2');
+		}
+	},
+	onLoad() {
+		this.getUserInfo();
+	},
 	onNavigationBarButtonTap() {
-		console.log("setting");
 		this.toOtherPage("/setting/Index");
 	},
     methods: {
+		getUserInfo() {
+			this.$u.api.getMemberInfo().then(res => {
+				if (res.errCode == 0) {
+					this.userInfo = res.data.MemberArray;
+				}
+			})
+		},
 		toOtherPage(url) {
 			// console.log(url);
 			uni.navigateTo({
@@ -146,7 +159,7 @@ export default {
 	min-height: calc(calc(100vh - var(--window-top)) - 50px);
 	background: #ECECEC;
     .mine-top {
-		width: 750rpx;
+		// width: 100%;
 		height: 272rpx;
 		background: #FF780F;
 		.top {
@@ -173,7 +186,7 @@ export default {
 					}
 					.user-medal {
 						display: flex;
-						// width: 87rpx;
+						width: 110rpx;
 						// height: 25rpx;
 						background: linear-gradient(269deg,rgba(175,175,175,1) 0%,rgba(224,224,224,1) 100%);
 						border-radius: 13rpx;