feat(ui): 头像下拉改 hover 触发并加深阴影
- el-dropdown trigger 由 click 改为 hover(与官网 GVSite 一致) - gerp-user-dropdown 加双层阴影(0 10px 30px + 0 2px 8px),层级感与官网超级菜单一致
This commit is contained in:
1 parent
a19874da72
commit
2eeaab6c5d
1 file changed
+3
-1
@@ -296,7 +296,7 @@ const isFaIcon = (icon: string | undefined | null): boolean => {
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-dropdown trigger="click" @command="handleUserCommand">
|
||||
<el-dropdown trigger="hover" @command="handleUserCommand">
|
||||
<div class="gerp-user-info">
|
||||
<img :src="avatarUrl" alt="头像" class="gerp-user-avatar" />
|
||||
<span class="gerp-user-name">{{ userStore.displayName }}</span>
|
||||
@@ -826,6 +826,8 @@ const isFaIcon = (icon: string | undefined | null): boolean => {
|
||||
min-width: 260px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
/* 阴影加深:双层(与官网超级菜单同风格) */
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
|
||||
}
|
||||
|
||||
/* 用户信息头部:主色淡背景 + 大头像(暗色下自动变暗) */
|
||||
|
||||
Reference in new issue
Block a user