From 3f29afb4d4f1ab4dc43828d38a2dde9e953c8332 Mon Sep 17 00:00:00 2001 From: sugar1569 Date: Wed, 23 Sep 2026 19:49:07 +0800 Subject: [PATCH] =?UTF-8?q?refactor(admin):=20=E9=A1=B5=E9=9D=A2=E6=A0=87?= =?UTF-8?q?=E9=A2=98=E5=A4=B4=E6=8F=8F=E8=BF=B0=E6=A0=B7=E5=BC=8F=E8=BF=81?= =?UTF-8?q?=E7=A7=BB=E4=B8=BA=E5=85=A8=E5=B1=80=E5=B7=A5=E5=85=B7=E7=B1=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/pagesHeader/index.vue | 19 +--------------- frontend/admin/src/styles/style.scss | 22 +++++++++++++++++++ 2 files changed, 23 insertions(+), 18 deletions(-) diff --git a/frontend/admin/src/components/pagesHeader/index.vue b/frontend/admin/src/components/pagesHeader/index.vue index 514fcbbf4..89d26db39 100644 --- a/frontend/admin/src/components/pagesHeader/index.vue +++ b/frontend/admin/src/components/pagesHeader/index.vue @@ -51,24 +51,7 @@ function goBack() { .header-title { justify-content: space-between; } -/* 标题行:返回钮 + 标题 + 描述,基线对齐(描述字号小于标题,用 baseline 不用 flex-end) */ -.header-main { - display: flex; - align-items: baseline; - min-width: 0; - gap: 16px; -} -.header-description { - color: var(--prev-color-text-secondary); - font-size: 12px; - line-height: 18px; -} -.header-description-icon { - font-size: 14px; - color: var(--prev-color-primary); - vertical-align: -2px; - margin-right: 2px; -} +/* .header-main / .header-description / .header-description-icon 全局定义见 styles/style.scss */ .after-line { display: inline-block; position: relative; diff --git a/frontend/admin/src/styles/style.scss b/frontend/admin/src/styles/style.scss index 63f602952..d8ab145c1 100644 --- a/frontend/admin/src/styles/style.scss +++ b/frontend/admin/src/styles/style.scss @@ -669,6 +669,28 @@ body { color: #303133; } +/* 页面标题头「标题行」:返回钮 + 标题 + 描述,基线对齐(描述字号小于标题,用 baseline 不用 flex-end) */ +.header-main { + display: flex; + align-items: baseline; + min-width: 0; + gap: 16px; +} + +/* 页面标题头说明文字:与标题同一行、紧跟标题之后,前置主色 info 图标 */ +.header-description { + color: var(--prev-color-text-secondary); + font-size: 12px; + line-height: 18px; +} + +.header-description-icon { + font-size: 14px; + color: var(--prev-color-primary); + vertical-align: -2px; + margin-right: 2px; +} + .statics-header-title { font-size: 14px; color: #303133;