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:
zlwuandCursor committed 2026-10-17 17:08:03 +08:00
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')
+4 -2
View File
@@ -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,