iter(g92): 徽标支持数字角标与红点
This commit is contained in:
+21
-8
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"$schema": "ui-arch-registry-index/0.1",
|
||||
"generatedAt": "2026-10-26T05:10:23.912Z",
|
||||
"generatedAt": "2026-10-26T05:11:11.108Z",
|
||||
"repoRoot": ".",
|
||||
"packages": [
|
||||
{
|
||||
@@ -891,21 +891,34 @@
|
||||
{
|
||||
"n": "label",
|
||||
"t": "string",
|
||||
"r": 1,
|
||||
"d": "徽标文案"
|
||||
"d": "徽标文案;与 count / dot 三选一,dot 时作可访问名"
|
||||
},
|
||||
{
|
||||
"n": "variant",
|
||||
"t": "'default' | 'success' | 'warning' | 'danger'",
|
||||
"d": "语义色;缺省 default",
|
||||
"df": "default"
|
||||
"d": "语义色;缺省 default"
|
||||
},
|
||||
{
|
||||
"n": "count",
|
||||
"t": "number",
|
||||
"d": "数字角标:超过 max 显示 N+,负数归零"
|
||||
},
|
||||
{
|
||||
"n": "max",
|
||||
"t": "number",
|
||||
"d": "数字上限;缺省 99"
|
||||
},
|
||||
{
|
||||
"n": "dot",
|
||||
"t": "boolean",
|
||||
"d": "只显示小红点(无文字),role=img + label 作名称"
|
||||
}
|
||||
],
|
||||
"example": "badge({ label: '成功', variant: 'success' })",
|
||||
"steps": [
|
||||
"选择语义色:default 中性、success 成功、warning 警告、danger 危险",
|
||||
"传入 label 即可,纯展示组件无状态",
|
||||
"状态语义靠 variant 承载,不要自造颜色;纯展示不可交互,需要操作请配 button"
|
||||
"纯状态文案直接传 label,配 variant 定语义色",
|
||||
"要显示数量传 count(如未读数),超过 max(缺省 99)自动渲染成 99+",
|
||||
"只提示「有更新」用 dot: true,配合 label 给出读屏名(如「有未读消息」)"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user