2 lines
1.6 KiB
JSON
2 lines
1.6 KiB
JSON
{"slug":"button","contract":{"variants":["主按钮","次按钮","文字按钮","链接按钮","危险按钮","大尺寸主按钮","小尺寸主按钮","禁用态"],"dims":[{"name":"type","values":["primary","default","text","link","danger"]},{"name":"size","values":["large","default","small"]},{"name":"state","values":["default","hover","active","focus","disabled","loading"]}],"unknowns":["加载态具体样式细节"],"anatomy":{"container":"按钮容器，圆角4px，最小宽度64px","label":"按钮文字，字号14px","icon":"可选图标，与文字间距4px"},"doNot":["图标按钮尺寸规范","按钮组规范"],"usage":["主按钮：背景 var(--color-brand)，文字白色，悬停 var(--color-brand-hover)","次按钮：白底边框 var(--color-border)，文字 var(--color-text-body)，悬停边框变蓝","文字按钮：无背景，文字 var(--color-brand)，悬停浅蓝背景 var(--color-brand-bg)","危险按钮：背景 var(--color-error)","禁用态：背景 var(--color-bg-disabled)，文字 var(--color-text-placeholder)"],"structure":{"height":"@{large=40px; default=32px; small=24px}","radius":"var(--radius-base)","padding":"左右12px（默认尺寸）"}},"specLines":["- 类型：主按钮、次按钮、文字按钮、链接按钮、危险按钮","- 尺寸：Large(40px高)、Default(32px高)、Small(24px高)","- 圆角：4px","- 主按钮：背景#2F54EB，文字白色，悬停#1D39C4","- 次按钮：白底边框#E8ECF1，文字#262626，悬停边框变蓝","- 文字按钮：无背景，文字#2F54EB，悬停浅蓝背景","- 危险按钮：背景#F5222D","- 禁用态：背景#F5F5F5，文字#BFBFBF","- 最小宽度64px"]}
|