他们主页,头像抖动问题处理

This commit is contained in:
daihh
2022-10-14 19:06:10 +08:00
parent 37c6098cca
commit 06aadbe04d
3 changed files with 20 additions and 58 deletions

View File

@@ -2,16 +2,13 @@
<div class="uc-header">
<div class="uc-header-box" >
<div class="personalData">
<!-- <div >
<img src="../../../public/images/Avatarwoman.png" alt="">
</div> -->
<div class="uesr-avaer">
<img :src="fileBaseUrl+userData.avatar" v-if="userData.avatar !== '' ">
<div v-else class="uavatar">
<div v-if="userData.sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div>
<div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div>
<img :src="fileBaseUrl+userData.avatar" v-if="userData.avatar !== '' ">
<div v-else class="uavatar">
<div v-if="userData.sex === 1 "><img src="../../../public/images/Avatarman.png" style="width: 100%;" alt=""></div>
<div v-if="userData.sex === 2 "><img src="../../../public/images/Avatarwoman.png" style="width: 100%;" alt=""></div>
</div>
</div>
</div>
<div class="user-content">
<div class="content-top">
@@ -98,7 +95,7 @@
code: "",
name: "",
orgInfo: "",
sex: 2,
sex: '',
sign: "",
}
}
@@ -111,7 +108,7 @@
this.setCurIdentity(1);
}
this.orgInfo=cutFullName(this.userInfo.departFullName,1);
this.loadUserStat();
if(this.pageId !== this.userInfo.aid) {
this.followHas();
@@ -355,27 +352,7 @@
color: #aa0000;
}
}
.uavatar{
border-radius: 50%;
// border: 1px solid #73adfe;
// color: #73adfe;
text-align: center;
font-size: 30px;
line-height: 100px;
width: 100px;
height: 100px;
border-radius: 50%;
// background: #d9e9ff;
div{
border-radius: 50%;
img{
border-radius: 50%;
width: 100px;
height: 100px;
}
}
}
@media screen and (max-width: 1366px){
.uc-header-box {