|
@@ -7,8 +7,12 @@
|
|
|
:src="pageUserInfo.headimageurl || pageUserInfo.avatar"
|
|
|
@error="errorImgFun"
|
|
|
/>
|
|
|
- <span v-if="accountInfo.hasVip" class="j-icon vip-icon"></span>
|
|
|
- <span v-if="accountInfo.hasBigmember" class="j-icon bigmember-icon"></span>
|
|
|
+ <span v-if="accountInfo.hasVip" class="j-icon vip-icon">
|
|
|
+ <img src="@/assets/image/icon/vip/vip-icon.png" alt="">
|
|
|
+ </span>
|
|
|
+ <span v-if="accountInfo.hasBigmember" class="j-icon bigmember-icon">
|
|
|
+ <img src="@/assets/image/icon/big-member/icon-gaojihy2.png" alt="">
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<div class="user-info-container">
|
|
|
<div class="user-info-top">
|
|
@@ -42,7 +46,9 @@
|
|
|
<div class="account-info-content" v-if="activeAccountType">
|
|
|
<div class="account-handle account-handle--free bg-line-gold" v-if="activeAccountType.name === '注册用户'">
|
|
|
<p>
|
|
|
- <i class="j-icon vip-icon"></i>
|
|
|
+ <span class="j-icon vip-icon">
|
|
|
+ <img src="@/assets/image/icon/vip/vip-icon.png" alt="">
|
|
|
+ </span>
|
|
|
<span class="text bold">开通超级订阅</span>
|
|
|
<span class="activity-tip" v-if="activeAccountType.attr.subVipActMsg">
|
|
|
<i class="limit-time-icon"></i>
|
|
@@ -437,8 +443,7 @@ export default {
|
|
|
}
|
|
|
.vip-icon{
|
|
|
left:0;
|
|
|
- background:rgba(255, 255, 255, 0.5) url(@/assets/image/icon/vip/vip-icon.png) no-repeat center;
|
|
|
- background-size: 14px;
|
|
|
+ background-size: 20px;
|
|
|
}
|
|
|
.bigmember-icon {
|
|
|
right:0;
|
|
@@ -514,13 +519,11 @@ export default {
|
|
|
border: 1px solid rgba(255, 255, 255, 0.65);
|
|
|
}
|
|
|
.vip-icon{
|
|
|
- background:rgba(255, 255, 255, 0.65) url(@/assets/image/icon/vip/vip-icon.png) no-repeat center;
|
|
|
- background-size: 14px;
|
|
|
+ background:rgba(255, 255, 255, 0.65);
|
|
|
backdrop-filter: blur(2px);
|
|
|
}
|
|
|
.bigmember-icon {
|
|
|
- background:rgba(255, 255, 255, 0.5) url(@/assets/image/icon/big-member/icon-gaojihy.png) no-repeat center;
|
|
|
- background-size: 14px;
|
|
|
+ background:rgba(255, 255, 255, 0.5);
|
|
|
backdrop-filter: blur(2px);
|
|
|
}
|
|
|
.bg-line-gold{
|