From f3fa5f9470d37e29efcd6767db386dfec3801cc2 Mon Sep 17 00:00:00 2001 From: aaron <> Date: Sun, 25 May 2025 11:20:27 +0800 Subject: [PATCH] update --- docker-compose.yml | 2 +- src/App.vue | 32 ++++++++++++++++---------------- src/stores/theme.ts | 4 ++-- 3 files changed, 19 insertions(+), 19 deletions(-) diff --git a/docker-compose.yml b/docker-compose.yml index 0d528f7..a81ba7b 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -5,7 +5,7 @@ services: build: context: . dockerfile: Dockerfile - image: tradus-web:1.3.21 + image: tradus-web:1.3.22 container_name: tradus-web ports: - '6000:80' diff --git a/src/App.vue b/src/App.vue index d4618f2..74d86b8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -13,7 +13,7 @@ const themeStore = useThemeStore() const isAuthenticated = computed(() => userStore.isAuthenticated) const userInfo = computed(() => userStore.userInfo) const showMobileMenu = ref(false) -const showUserMenu = ref(false) +// const showUserMenu = ref(false) const showLoginModal = ref(false) const showResetPasswordModal = ref(false) const showUserInfoModal = ref(false) @@ -356,7 +356,7 @@ const handleLogout = () => { window.location.href = '/' } showMobileMenu.value = false - showUserMenu.value = false + // showUserMenu.value = false showUserInfoModal.value = false } @@ -364,10 +364,10 @@ const toggleMobileMenu = () => { showMobileMenu.value = !showMobileMenu.value } -const toggleUserMenu = (event: Event) => { - event.stopPropagation() - showUserMenu.value = !showUserMenu.value -} +// const toggleUserMenu = (event: Event) => { +// event.stopPropagation() +// showUserMenu.value = !showUserMenu.value +// } // 点击其他地方关闭菜单 const closeMenus = (event: MouseEvent) => { @@ -407,7 +407,7 @@ const openResetPasswordModal = () => { // 打开用户信息模态框 const openUserInfoModal = () => { showUserInfoModal.value = true - showUserMenu.value = false + // showUserMenu.value = false showMobileMenu.value = false } @@ -417,9 +417,9 @@ const closeUserInfoModal = () => { } // 切换主题 -const toggleTheme = () => { - themeStore.toggleTheme() -} +// const toggleTheme = () => { +// themeStore.toggleTheme() +// } onMounted(() => { document.addEventListener('click', closeMenus) @@ -2162,14 +2162,14 @@ html { } .user-avatar-large { - width: 4rem; - height: 4rem; + width: 3.5rem; + height: 3.5rem; border-radius: 50%; background: linear-gradient(135deg, var(--color-accent) 0%, rgba(51, 85, 255, 0.8) 100%); display: flex; align-items: center; justify-content: center; - font-size: 1.8rem; + font-size: 1.5rem; font-weight: bold; color: white; box-shadow: 0 4px 12px rgba(51, 85, 255, 0.2); @@ -2180,7 +2180,7 @@ html { } .user-display-name { - font-size: 1.5rem; + font-size: 1.1rem; font-weight: 600; margin: 0; color: var(--color-text-primary); @@ -2311,7 +2311,7 @@ html { /* 响应式设计 */ @media (max-width: 768px) { .user-info-modal-container { - width: 95%; + width: 85%; max-width: none; } @@ -2327,7 +2327,7 @@ html { } .user-display-name { - font-size: 1.3rem; + font-size: 1rem; } .settings-section { diff --git a/src/stores/theme.ts b/src/stores/theme.ts index aa22d92..316c05b 100644 --- a/src/stores/theme.ts +++ b/src/stores/theme.ts @@ -9,9 +9,9 @@ const applyThemeToDOM = (theme: ThemeMode) => { } export const useThemeStore = defineStore('theme', () => { - // 获取存储的主题或默认为深色 + // 获取存储的主题或默认为浅色 const storedTheme = localStorage.getItem('theme') as ThemeMode | null - const currentTheme = ref(storedTheme || 'dark') + const currentTheme = ref(storedTheme || 'light') // 立即应用当前主题到DOM applyThemeToDOM(currentTheme.value)