修改

pages/my/index.vue

@@ -9,11 +9,16 @@
 				<view class="my-head-top-view" v-if="!isLogin">
 					<view class="my-head-top-text">
 						<span>{{userName}}</span>
-						<span>ID:{{invitationCode}}</span>
-					</view>
 						<view class="my-head-top-id">
-						<span>{{phone}}</span>
 							<image class="my-head-vip" style="width:60rpx; height: 60rpx;" src="../../static/vipster.png"></image>
+							<span>月会员</span>
+						</view>
+						
+					</view>
+					<view class="my-head-texa">
+						<span>{{phone}}</span>
+						<span style="font-size: 30rpx;font-weight: bold; padding: 0 10rpx;">·</span>
+						<span>ID:{{invitationCode}}</span>
 					</view>
 				</view>
 				<view v-else class="text-xl" @click="goLogin('/pages/public/login')">
@@ -755,9 +760,9 @@
 		border-radius: 21rpx;
 	}
 	.my-head-top-id{
-		width: 35%;
-		font-size: 23rpx;
-		padding: 10rpx 20rpx;
+		width: 26%;
+		padding: 3rpx 5rpx 6rpx 22rpx;
+		text-align: center;
 		background:linear-gradient(to right,#ff996b,#ff9966,#ff5e62);
 		border-radius: 0 30rpx 30rpx 0 ;
 		color: #fff;
@@ -765,12 +770,17 @@
 	}
 	.my-head-top-id span:nth-child(1){
 		margin-left: 20rpx;
+		font-size: 18rpx;
+	}
+	.my-head-texa{
+		font-size: 26rpx;
+		color: #788298;
 	}
 	.my-head-vip{
-		width: 26rpx;
-		height: 26rpx;
+		width: 28rpx;
+		height: 28rpx;
 		position: absolute;
-		left:-18rpx;
+		left:-20rpx;
 		top:-10rpx
 	}
 	.my-head-top-text{
@@ -778,7 +788,7 @@
 		flex-direction: row;
 		justify-content: space-between;
 		align-items: center;
-		color: #000000;
+		color: #3a3f4f;
 		margin-bottom: 8rpx;
 	}
 	.my-head-top-text span:nth-child(1){