pages/user/index.vue

@@ -22,9 +22,14 @@
 					</navigator>
 				</view>
 				<view class="box_center">
-					<view class="user_name" v-if="is_login">{{ userInfo.username }} {{ userInfo.vip_info != null ? 'VIP' : '' }}</view>
+					<view class="user_name" v-if="is_login">{{ userInfo.username }}</view>
 					<navigator class="user_name" url="/pages/login/index" v-if="!is_login">请登录</navigator>
-					<view class="user_info" v-if="userInfo.vip_info != null">有效期：{{ userInfo.vip_info.vip_end_time }}</view>
+					<view class="user_info_vip" v-if="userInfo.vip_info != null">
+						<image class="user_info_vip_icon" src="https://openwork-oss.oss-cn-shenzhen.aliyuncs.com/uploads/question/2025/05/g9ot7hsUGLWA87qyEe1wWRf7agCv911K2bqOHRiX.png"></image>
+						<view  class="user_info_vip_type" v-if="userInfo.vip_info != null && userInfo.vip_info.vip_type == 1">月卡VIP</view>
+						<view  class="user_info_vip_type" v-if="userInfo.vip_info != null && userInfo.vip_info.vip_type == 2">年卡VIP</view>
+					</view>
+					<view class="user_info" v-if="userInfo.vip_info != null">有效期至：{{ userInfo.vip_info.vip_end_time }}</view>
 				</view>
 				<view class="box_right">
 					<navigator url="/pages/user/settings" class="setting_page" v-if="is_login">
@@ -247,11 +252,28 @@ export default {
 		.user_name {
 			font-size: 30rpx;
 			line-height: 80rpx;
+			padding-bottom: 20rpx;
 		}
 		.user_info {
 			color: #999999;
 			font-size: 24rpx;
 			line-height: 60rpx;
+			margin-left: 50rpx;
+		}
+		.user_info_vip{
+			color: #999999;
+			font-size: 24rpx;
+			line-height: 40rpx;
+			display: flex;
+		}
+		.user_info_vip_icon{
+			width: 35rpx;
+			height: 35rpx;
+			margin-top: 5rpx;
+			padding-right: 15rpx;
+		}
+		.user_info_vip_type{
+			color: #3F75FF;
 		}
 	}
 	.box_right {
@@ -259,7 +281,7 @@ export default {
 		width: 140rpx;
 		height: 140rpx;
 		font-size: 20rpx;
-		line-height: 140rpx;
+		line-height: 80rpx;
 		.setting_page {
 			width: 140rpx;
 			height: 140rpx;