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/global-search/global-search.vue | 15 ++++++++++++++-
1 files changed, 14 insertions(+), 1 deletions(-)
diff --git a/src/packages/effects/layouts/src/widgets/global-search/global-search.vue b/src/packages/effects/layouts/src/widgets/global-search/global-search.vue
index bfbd2ef..b55d784 100644
--- a/src/packages/effects/layouts/src/widgets/global-search/global-search.vue
+++ b/src/packages/effects/layouts/src/widgets/global-search/global-search.vue
@@ -24,10 +24,11 @@
});
const props = withDefaults(
- defineProps<{ enableShortcutKey?: boolean; menus?: MenuRecordRaw[] }>(),
+ defineProps<{ enableShortcutKey?: boolean; menus?: MenuRecordRaw[]; presentation?: 'compact' | 'portal' }>(),
{
enableShortcutKey: true,
menus: () => [],
+ presentation: 'compact',
},
);
@@ -134,7 +135,11 @@
</div>
</template>
</Modal>
+ <button v-if="presentation === 'portal'" type="button" class="portal-search-trigger" aria-label="鎼滅储鑿滃崟涓庝笟鍔″姛鑳�" aria-haspopup="dialog" :aria-expanded="open" @click="toggleOpen">
+ <span>鎼滅储鑿滃崟涓庝笟鍔″姛鑳解��</span><span class="portal-search-submit"><Search class="size-4" /></span>
+ </button>
<div
+ v-else
class="group flex h-8 cursor-pointer items-center gap-3 rounded-2xl border-none bg-none px-2 py-0.5 outline-hidden md:bg-accent"
@click="toggleOpen()"
>
@@ -157,3 +162,11 @@
</div>
</div>
</template>
+
+<style scoped>
+.portal-search-trigger { display: flex; width: 100%; height: 32px; align-items: center; justify-content: space-between; padding: 0 0 0 12px; border: 1px solid #d4e2ee; border-radius: 5px; color: #5c7187; background: #fff; font-size: 12px; text-align: left; cursor: pointer; }
+.portal-search-submit { display: grid; width: 42px; height: 32px; place-items: center; border-radius: 0 5px 5px 0; color: #fff; background: #b7242d; }
+.portal-search-trigger:hover { border-color: #95b3cf; }
+.portal-search-trigger:focus-visible { outline: 2px solid #2c70b2; outline-offset: 3px; }
+@media (max-width: 767px) { .portal-search-trigger { width: 30px; height: 28px; padding: 0; border: 0; background: transparent; } .portal-search-trigger > span:first-child { display: none; } .portal-search-submit { width: 28px; height: 28px; border-radius: 4px; } }
+</style>
--
Gitblit v1.9.3