头像居中

This commit is contained in:
lyd
2022-11-03 13:30:54 +08:00
parent 32de1474a6
commit 59cf0e67f6

View File

@@ -21,10 +21,10 @@
</el-tooltip>--> </el-tooltip>-->
</template> </template>
<img :src="Avatar" class="user-avatar">
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover"> <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img :src="Avatar" class="user-avatar" > <!-- <img :src="Avatar" class="user-avatar" style="border: #f5141e 1px solid">-->
<span class="user-nickname">{{ user.nickName }}</span> <span class="user-nickname">{{ user.nickName }}</span>
</div> </div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
@@ -184,22 +184,22 @@ export default {
} }
} }
} }
.avatar-container {
margin-right: 10px;
.avatar-wrapper {
margin-top: 5px;
position: relative;
.user-avatar { .user-avatar {
cursor: pointer; cursor: pointer;
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 10px; border-radius: 10px;
} }
.avatar-container {
//margin-right: 10px;
.avatar-wrapper {
//margin-top: 5px;
position: relative;
.user-nickname { .user-nickname {
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
margin-left: -10px;
} }
} }
} }