|
|
@@ -2,8 +2,10 @@
|
|
|
<layout-page>
|
|
|
<view class="pb-150">
|
|
|
<view class="text-center" :class="vip ? 'vipBox' : 'avatarBox'" @tap="handleTap">
|
|
|
- <img :src="getUserAvatar(baseInfo?.avatar, baseInfo?.sex)" alt="" class="img-box">
|
|
|
- <image v-if="vip" src="/static/svg/vip.svg" class="vipIcon" @click.stop="handleToLink({path: '/pagesA/vip/index'})"></image>
|
|
|
+ <view class="img-box">
|
|
|
+ <img :src="getUserAvatar(baseInfo?.avatar, baseInfo?.sex)" alt="" class="img">
|
|
|
+ <image v-if="vip" src="/static/svg/vip.svg" class="vipIcon" @click.stop="handleToLink({path: '/pagesA/vip/index'})"></image>
|
|
|
+ </view>
|
|
|
<view v-if="!useUserStore.isLogin" class="font-weight-bold font-size-20">点击登录</view>
|
|
|
<view v-else class="font-weight-bold font-size-20">{{ baseInfo?.name || userInfo?.phone }}</view>
|
|
|
</view>
|
|
|
@@ -323,22 +325,26 @@ const handleLogoutConfirm = () => {
|
|
|
padding-bottom: 100px;
|
|
|
}
|
|
|
.img-box {
|
|
|
- width: 150rpx;
|
|
|
- height: 150rpx;
|
|
|
- border: 2rpx solid #ccc;
|
|
|
- border-radius: 50%;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ .img {
|
|
|
+ width: 150rpx;
|
|
|
+ height: 150rpx;
|
|
|
+ border: 2rpx solid #ccc;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
}
|
|
|
.vipBox {
|
|
|
color: #a18a0f;
|
|
|
- position: relative;
|
|
|
- .img-box {
|
|
|
+ .img {
|
|
|
border: 1px solid gold;
|
|
|
}
|
|
|
.vipIcon {
|
|
|
position: absolute;
|
|
|
width: 45px;
|
|
|
height: 24px;
|
|
|
- bottom: 34px;
|
|
|
+ bottom: 1px;
|
|
|
left: 50%;
|
|
|
}
|
|
|
}
|
