diff --git a/docs/superpowers/specs/2026-10-17-web-admin-info-tag-barley-design.md b/docs/superpowers/specs/2026-10-17-web-admin-info-tag-barley-design.md new file mode 100644 index 00000000..b0fc01a5 --- /dev/null +++ b/docs/superpowers/specs/2026-10-17-web-admin-info-tag-barley-design.md @@ -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。 diff --git a/web-admin/scripts/check-info-tag-barley.mjs b/web-admin/scripts/check-info-tag-barley.mjs new file mode 100644 index 00000000..388e93da --- /dev/null +++ b/web-admin/scripts/check-info-tag-barley.mjs @@ -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') diff --git a/web-admin/src/assets/styles/core/el-ui.scss b/web-admin/src/assets/styles/core/el-ui.scss index f110676c..d4b46a94 100644 --- a/web-admin/src/assets/styles/core/el-ui.scss +++ b/web-admin/src/assets/styles/core/el-ui.scss @@ -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,