style(web-admin): skin Fresh Mint info tags as barley soft.
Align page/dialog el-tag--info with mobile market neutral tags (#fff7e8 / #9a7020) so storage-service pending states match H5. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
1 parent
19dffbaa49
commit
3ceee48c00
3 files changed
+39
-2
No files matched your search
@@ -0,0 +1,18 @@
|
||||
# Web 管理端 info Tag · 大麦黄浅底
|
||||
|
||||
## 背景
|
||||
|
||||
移动市场部(`mobile-oa-h5`)中性态已改为大麦黄浅底。Web「存储服务」大量使用 `el-tag type="info"`;Fresh Mint 已在 `el-ui.scss` 将 info 覆写为浅灰底灰字(`#f8fafc` / `#64748b`)。用户要求与移动端同色。
|
||||
|
||||
## 决策
|
||||
|
||||
| 项 | 选择 |
|
||||
|----|------|
|
||||
| 视觉 | 与移动方案 D 相同:`#fff7e8` / `#9a7020` / 边 `#f0e0b8` |
|
||||
| 落点 | 更新既有 Fresh Mint info 覆写(`.page-container` / `.console-container` / `.el-dialog`) |
|
||||
| 范围说明 | 存储服务为主消费方;凡走上述容器的 `info` tag 一并换肤(与原有「全站 page 内 info 统一肤」一致) |
|
||||
| 不改 | `primary` / `success` / `warning` / `danger`;`status-tag-registry` 仍写 `tagType: 'info'` |
|
||||
|
||||
## 实现
|
||||
|
||||
`web-admin/src/assets/styles/core/el-ui.scss` 中 `.el-tag--info` 三处选择器背景/字色/边框色替换为上述 Token。
|
||||
@@ -0,0 +1,17 @@
|
||||
import assert from 'node:assert/strict'
|
||||
import fs from 'node:fs'
|
||||
import path from 'node:path'
|
||||
import { fileURLToPath } from 'node:url'
|
||||
|
||||
const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..')
|
||||
const scss = fs.readFileSync(path.join(root, 'src/assets/styles/core/el-ui.scss'), 'utf8')
|
||||
const block = scss.match(
|
||||
/\.page-container \.el-tag--info,[\s\S]*?\.el-dialog \.el-tag--info\s*\{[\s\S]*?\}/
|
||||
)
|
||||
assert.ok(block, 'expected Fresh Mint el-tag--info override block')
|
||||
assert.match(block[0], /background:\s*#fff7e8\s*!important/)
|
||||
assert.match(block[0], /color:\s*#9a7020\s*!important/)
|
||||
assert.match(block[0], /border-color:\s*#f0e0b8\s*!important/)
|
||||
assert.doesNotMatch(block[0], /#f8fafc/)
|
||||
assert.doesNotMatch(block[0], /#64748b/)
|
||||
console.log('ok: web-admin info tag uses barley soft')
|
||||
@@ -799,11 +799,13 @@ body .el-table thead {
|
||||
color: #dc2626 !important;
|
||||
}
|
||||
|
||||
/* 中性 info:与 mobile 市场部方案 D 对齐(大麦黄浅底,区别于实心 warning) */
|
||||
.page-container .el-tag--info,
|
||||
.console-container .el-tag--info,
|
||||
.el-dialog .el-tag--info {
|
||||
background: #f8fafc !important;
|
||||
color: #64748b !important;
|
||||
background: #fff7e8 !important;
|
||||
color: #9a7020 !important;
|
||||
border-color: #f0e0b8 !important;
|
||||
}
|
||||
|
||||
.page-container .el-tag--primary,
|
||||
|
||||
Reference in new issue
Block a user