docs(design): 全系统徽章圆点统一图标化(icons.js BADGE_ICON 单源自动注入)
- icons.js 新增 BADGE_ICON 全量状态映射(库存/单据/往来/角色/设备/盘点/兑换券/ 收付 28 词)+ MutationObserver 运行时增强:任何屏渲染的 .badge.b-* 自动注入 代表图标并隐藏圆点,动态重渲染同样生效,屏内无需手写 svg - 新增状态只需在 BADGE_ICON 登记一行即全局生效;已手写 .bi/.ico 的徽章跳过 - index.html 徽章登记区注明机制;实测 index 47/47、库存/往来/移动出入库全部命中 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o
This commit is contained in:
@@ -366,7 +366,7 @@
|
||||
<div class="chip on">分类 <span class="cv">浓香</span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip">时间范围 <svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
</div></div>
|
||||
<div class="pcard"><div class="pcard-h"><h3>状态徽章 · 全部</h3><span class="tk">.badge .b-* · 对齐 schema 真实枚举</span></div><div class="pcard-b" style="display:block">
|
||||
<div class="pcard"><div class="pcard-h"><h3>状态徽章 · 全部</h3><span class="tk">.badge .b-* · 对齐 schema 真实枚举 · 圆点已全局图标化(icons.js BADGE_ICON 单源映射自动注入,屏内无需手写 svg)</span></div><div class="pcard-b" style="display:block">
|
||||
<div style="display:flex;flex-direction:column;gap:13px">
|
||||
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap"><span style="width:160px;flex:none;font-size:var(--fs-xs);color:var(--muted);font-weight:600">库存 · 按 min_stock 派生</span><span class="badge b-在售">在售</span><span class="badge b-预警">预警</span><span class="badge b-缺货">缺货</span></div>
|
||||
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap"><span style="width:160px;flex:none;font-size:var(--fs-xs);color:var(--muted);font-weight:600">单据 · 入库/出库</span><span class="badge b-草稿">草稿</span><span class="badge b-待审核">待审核</span><span class="badge b-已通过">已通过</span><span class="badge b-已驳回">已驳回</span></div>
|
||||
|
||||
+29
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user