Skip to main content
版本:v3

选择与状态标示

选择与状态标示让用户在一组预定选项中进行选择。

单选框

单选(必选项)允许用户从多个选项中选择其中一项。

Design

视觉规范

  • 单选四种状态:
    ①选中
    ②未选中
    ③选中(禁用):已选中,但用户此时不能手动操作切换选中和未选中的的状态
    ④未选中(禁用):未选中,但用户此时不能手动操作切换选中和未选中的的状态

Design

单选框统一放置在列表右侧

Design

复选框

复选(非必选项)允许用户从多个选项中进行多项选择。

Design

视觉规范

  • 复选四种状态:
    ①选中
    ②未选中
    ③选中(禁用):已选中,但用户此时不能手动操作切换选中和未选中的的状态
    ④未选中(禁用):未选中,但用户此时不能手动操作切换选中和未选中的的状态

Design

  • 复选框统一放置在列表右侧

Design

状态标示

状态标示用于完成状态的勾选操作,比如待办事项完成状态的标示。

Design

视觉规范

状态标示两种状态:①完成 ②未完成

Design