hhyykk/ipms-sjy
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy.git synced 2025-07-14 11:05:06 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

1.beautify user avatar image and show nickname

Browse Source
This commit is contained in:
supine-win
2022-06-11 06:01:53 +08:00
parent 1895a9e809
commit 98f2722781
3 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
yudao-ui-admin/src/layout/components/Navbar.vue
View File

@ -28,6 +28,7 @@
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper">
<img :src="avatar" class="user-avatar">
<span v-if="nickname" class="user-nickname">{{ nickname }}</span>
<i class="el-icon-caret-bottom" />
</div>
<el-dropdown-menu slot="dropdown">
@ -73,6 +74,7 @@ export default {
...mapGetters([
'sidebar',
'avatar',
'nickname',
'device'
]),
setting: {
@ -173,14 +175,20 @@ export default {
margin-right: 30px;
.avatar-wrapper {
margin-top: 5px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.user-avatar {
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 10px;
width: 35px;
height: 35px;
border-radius: 50%;
}
.user-nickname{
margin-left: 5px;
font-size: 14px;
}
.el-icon-caret-bottom {