wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增导航栏显示用户昵称

Browse Source
This commit is contained in:
不做码农 2022-04-26 12:32:54 +08:00
parent ba8dca9e47
commit 3b4e98cc5d
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/layout/components/Navbar.vue
View File

@ -37,9 +37,8 @@
<el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click"> <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img :src="getters.avatar" class="user-avatar" /> <img :src="getters.avatar" class="user-avatar" />
<el-icon> <span class="name">{{ getters.name }}</span>
<caret-bottom /> <el-icon><ArrowDown /></el-icon>
</el-icon>
</div> </div>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
@ -184,7 +183,7 @@ function setLayout() {
} }
.avatar-container { .avatar-container {
margin-right: 40px; margin-right: 30px;
.avatar-wrapper { .avatar-wrapper {
margin-top: 5px; margin-top: 5px;
@ -192,16 +191,21 @@ function setLayout() {
.user-avatar { .user-avatar {
cursor: pointer; cursor: pointer;
width: 40px; width: 30px;
height: 40px; height: 30px;
border-radius: 10px; border-radius: 10px;
vertical-align: middle;
margin-right: 5px;
margin-top: 5px;
}
.name {
font-size: 12px;
} }
i { i {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
right: -20px; right: -30px;
top: 25px; top: 15px;
font-size: 12px; font-size: 12px;
} }
} }