From 11125510afa7b1909a1106788c1c20bcbe09a7d6 Mon Sep 17 00:00:00 2001 From: zhihao <18915542763@163.com> Date: Fri, 5 Jun 2026 10:29:56 +0800 Subject: [PATCH] =?UTF-8?q?czh-20260605-=E5=8E=BB=E9=99=A4=E9=9D=A2?= =?UTF-8?q?=E5=8C=85=E5=B1=91=E5=AF=BC=E8=88=AA=EF=BC=8C=E5=A2=9E=E5=8A=A0?= =?UTF-8?q?=E5=BA=95=E9=83=A8=E6=A0=87=E8=AF=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/default/footer/index.vue | 55 ++++++------------- src/layouts/default/header/MultipleHeader.vue | 51 ++++++++--------- .../header/components/user-dropdown/index.vue | 20 +++---- src/layouts/default/header/index.vue | 10 ++-- src/settings/projectSetting.ts | 2 +- 5 files changed, 56 insertions(+), 82 deletions(-) diff --git a/src/layouts/default/footer/index.vue b/src/layouts/default/footer/index.vue index a7e0d93..ea99efb 100644 --- a/src/layouts/default/footer/index.vue +++ b/src/layouts/default/footer/index.vue @@ -1,13 +1,6 @@ @@ -42,21 +35,21 @@ const { getDarkMode } = useRootSetting(); const isDark = computed(() => getDarkMode.value === ThemeEnum.DARK); - const getShowLayoutFooter = computed(() => { - if (unref(getShowFooter)) { - const footerEl = unref(footerRef)?.$el; - setFooterHeight(footerEl?.offsetHeight || 0); - } else { - setFooterHeight(0); - } - return unref(getShowFooter) && !unref(currentRoute).meta?.hiddenFooter; - }); + // const getShowLayoutFooter = computed(() => { + // if (unref(getShowFooter)) { + // const footerEl = unref(footerRef)?.$el; + // setFooterHeight(footerEl?.offsetHeight || 0); + // } else { + // setFooterHeight(0); + // } + // return unref(getShowFooter) && !unref(currentRoute).meta?.hiddenFooter; + // }); //鼠标移入的颜色设置 const hoverColor = computed(() => { return unref(isDark) ? 'rgba(255, 255, 255, 1)' : 'rgba(0, 0, 0, 0.85)'; }); return { - getShowLayoutFooter, + // getShowLayoutFooter, prefixCls, t, DOC_URL, @@ -77,27 +70,13 @@ @hover-color: v-bind(hoverColor); // update-end-author:liusq date:2023-7-12 for: [issues/608] dark 模式下底部 footer 文字 hover 样式导致文字消失 .@{prefix-cls} { - color: @normal-color; + color: rgba(0, 0, 0, 0.65); text-align: center; + padding: 16px 0; + margin-top: auto; - &__links { - margin-bottom: 8px; - - a { - color: @normal-color; - - &:hover { - color: @hover-color; - } - } - } - - &__github { - margin: 0 30px; - - &:hover { - color: @hover-color; - } + .footer-text { + font-size: 13px; } } diff --git a/src/layouts/default/header/MultipleHeader.vue b/src/layouts/default/header/MultipleHeader.vue index 50e1906..e016426 100644 --- a/src/layouts/default/header/MultipleHeader.vue +++ b/src/layouts/default/header/MultipleHeader.vue @@ -2,25 +2,25 @@
- +