From 91bfcf61f44f353dfebc54a57b5b774721de3e9a Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期一, 19 十月 2026 09:39:22 +0800
Subject: [PATCH] feat(auth): 更新门户认证页面布局和样式
---
src/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue | 11 +++++++++--
1 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue b/src/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
index 7496bbe..c81c15b 100644
--- a/src/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
+++ b/src/packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue
@@ -61,6 +61,8 @@
* 鏂囨湰
*/
text?: string;
+ /** Display the account name beside the avatar in a portal toolbar. */
+ showText?: boolean;
/** 瑙﹀彂鏂瑰紡 */
trigger?: 'both' | 'click' | 'hover';
/** hover瑙﹀彂鏃讹紝寤惰繜鍝嶅簲鐨勬椂闂� */
@@ -79,6 +81,7 @@
showShortcutKey: true,
tagText: '',
text: '',
+ showText: false,
trigger: 'click',
hoverDelay: 500,
});
@@ -213,11 +216,12 @@
/>
<DropdownMenu v-model:open="openPopover">
- <DropdownMenuTrigger ref="refTrigger" :disabled="props.trigger === 'hover'">
- <div class="mr-2 ml-1 cursor-pointer rounded-full p-1.5 hover:bg-accent">
+ <DropdownMenuTrigger ref="refTrigger" :disabled="props.trigger === 'hover'" :aria-label="`璐﹀彿鑿滃崟锛�${text || tagText || '褰撳墠鐢ㄦ埛'}`">
+ <div class="mr-2 ml-1 cursor-pointer rounded-full p-1.5 hover:bg-accent" :class="{ 'portal-account-trigger': showText }">
<div class="flex-center hover:text-accent-foreground">
<VbenAvatar :alt="text" :src="avatar" class="size-8" dot />
</div>
+ <span v-if="showText" class="portal-account-name">{{ text || tagText || '鎴戠殑璐﹀彿' }}</span><span v-if="showText" class="portal-account-chevron" aria-hidden="true">鈱�</span>
</div>
</DropdownMenuTrigger>
<DropdownMenuContent class="mr-2 min-w-60 p-0 pb-1">
@@ -292,3 +296,6 @@
</DropdownMenuContent>
</DropdownMenu>
</template>
+<style scoped>
+.portal-account-trigger { display: flex; height: 28px; align-items: center; gap: 7px; padding: 2px 7px; border-radius: 4px; }.portal-account-trigger :deep(.size-8) { width: 22px; height: 22px; }.portal-account-name { max-width: 110px; overflow: hidden; color: var(--portal-ink, currentColor); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.portal-account-chevron { color: #4b6d8b; font-size: 14px; }@media(max-width:767px) { .portal-account-name { max-width: 68px; }.portal-account-trigger { gap: 5px; } }
+</style>
--
Gitblit v1.9.3