Quellcode durchsuchen

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>
zlwu vor 2 Wochen
Ursprung
Commit
3ceee48c00

+ 18 - 0
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。

+ 17 - 0
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')

+ 4 - 2
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,