github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-29 05:50:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(admin): 页面标题头描述样式迁移为全局工具类

Browse Source
This commit is contained in:
sugar1569 2026-09-23 19:49:07 +08:00
parent 3b89626d64
commit 3f29afb4d4
2 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/admin/src/components/pagesHeader/index.vue
View File

@ -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;

22
frontend/admin/src/styles/style.scss
View File

@ -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;