ZartUI · 复选框 规范预览

五种状态

默认 / Hover / 半选 / 全选 / 禁用
默认(未选)
Hover
半选
全选
禁用 · 未选
禁用 · 半选
禁用 · 全选
带文字标签
规格参数
状态边框 / 背景说明
通用 — 尺寸 16×16px,圆角 4px;与右侧文字间距 8px
默认(未选) 边框 #A8B4C8;背景 #FFFFFF
Hover 边框 #3388FF;背景不变 禁用态不响应 Hover
半选 边框/背景 #3388FF 中间白色横线
全选 边框/背景 #3388FF 中间白色对勾
禁用(未选) 边框 #DDE1EB;背景 #F5F7FA
禁用(半选 / 全选) 边框/背景 #ADD8FF 对勾 / 横线颜色仍为 #FFFFFF

卡片复选

小卡片(角标 32×32px)
默认
边框 #DDE1EB
Hover
边框 #3388FF
选中(右上)
32px 蓝色三角 + 白对勾
选中(左上)
32px 蓝色三角 + 白对勾
大卡片(角标 40×40px)
默认
边框 #DDE1EB,无角标
Hover
边框 #3388FF
选中(右上)
40px 蓝色三角 + 白对勾
选中(左上)
40px 蓝色三角 + 白对勾
规格参数
属性规格值
卡片默认边框1px solid #DDE1EB
Hover 边框1px solid #3388FF
选中边框1px solid #3388FF
角标位置左上或右上(二选一),可根据布局选择
角标尺寸小卡片 32×32px;大卡片 40×40px。背景 #3388FF
对勾白色对勾,沿用复选框对勾规范(SVG,stroke 2px,圆润末端)
返回组件首页