|
|
@@ -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">
|
|
|
@@ -248,11 +253,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 {
|
|
|
@@ -260,7 +282,7 @@ export default {
|
|
|
width: 140rpx;
|
|
|
height: 140rpx;
|
|
|
font-size: 20rpx;
|
|
|
- line-height: 140rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
.setting_page {
|
|
|
width: 140rpx;
|
|
|
height: 140rpx;
|
