全网数字化建设服务商
全网数字化建设服务商
2025-04-03 浏览次数：149
单选/复选的基础样式
1、表现形式
根据产品特性定制合适的选择控件，有两种表现样式：标签式选项和列表式选项。
标签式选项适合简短的选项内容，样式类似于一个小按钮，有3种样式：背景色+文字、边框+文字、纯文字，通过颜色来区分状态。
选项内容要显示完全，内容不能过多而导致出现省略号和折行。
1.2 列表式选项
列表式选项适合较为丰富的选项内容
2、实际应用
不管列表中有多少内容，控件的样式需要保持统一，包括颜色、大小、状态以及位置(复选框都在右侧)。
单选和多选该如何保持一致，以携程为例。
左侧的单选复选样式和位置相对比较一致，中间的选择框的位置不在同一边会增加用户的认知成本，而右侧的方框高亮和复选框样式不一致。
觉策6年，服务3000+客户，每一个作品都是我们最好的名片
ART703美术教育
业务咨询
技术支持
小程序/APP开发
