# 选择
## 选择器
用于在多个备选选项中选择一个合适的项目。选择器适用于时间、日期等备选选项多而密的场景。
选择器是在多个选项列表中，选择单个或多个选项的控件。

### 移动端选择器
选择器的可滚动列表显示在激活选择器的同一屏幕上，一个完整的选择器包含标题、取消、确定、选择滚轮四部分，常见的使用场景有年-月-日、国家-城市、小时-分钟等等。并列的滚轮不宜太多，移动端最多支持 5 列，超过 5 个在界面上就会难以支持，若单个滚轮下的选项过多，则考虑使用其他控件承载。

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/429deb1cedf91968b3995608ce7786f6_l6wi1O0baJ.png?lazyload=true&width=1920&height=1816)

### 桌面端选择器
下拉选择器：点击输入框，弹出一个下拉菜单给用户选择操作，如果下拉选项过多，则考虑使用其他控件承载。下拉选择器的状态包含了：常规状态、悬浮状态、选中状态、禁用状态。

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/0c1cdcbe1be55ce6728164c1a5a33e39_5lOZ39NN1g.png?lazyload=true&width=1920&height=1196)

级联选择器：当用户需要从一组相关联的数据集合进行选择时可以采用此控件，在较大的数据集合中进行选择时，用多级分类进行分隔，方便选择。

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/872040606354ba0d79d1aae07a3c6fee_LBJBtcNNQs.png?lazyload=true&width=2278&height=668)

日期选择器：当用户需要输入一个日期，可以点击输入框，弹出日期面板进行选择。

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/9bc9d79529ebd5655942c84c76c8c47f_84HqlWI8R7.png?lazyload=true&width=2000&height=960)

双面板选择器

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/7904635f6ed819b86e69c400d813c133_PHLwmQ58G7.png?lazyload=true&width=1920&height=1088)

时间选择器：当用户需要输入一个时间，可以点击输入框，弹出时间面板进行选择。

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/9622151e3abe16e38cc1be26d0f29cb3_24nvgcxJpl.png?lazyload=true&width=1920&height=828)

## 单选与复选
用于在多个备选项中进行单项或者多项选择。将品牌颜色应用于你的应用时，请调整选项框外观颜色以匹配应用的样式。

### 移动端
#### 单选框

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/f77f11fd355375912d4ff1b7f19c5a50_Q542fZJiTS.png?lazyload=true&width=1920&height=304)

#### 复选框

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/ee005f2b82d0735fc10abf952a27e5f4_UuRyfogbiA.png?lazyload=true&width=1920&height=304)

### 桌面端
#### 单选框

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/783e66d8d21acbb3c69a56616136087c_rswlTYJ0kY.png?lazyload=true&width=1920&height=536)

#### 复选框

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/6bbea887d7a670e940bdb29d13442140_XqTn69RDwk.png?lazyload=true&width=1920&height=768)

## 开关
开关控制用于切换两个互斥状态，On和Off。要更改开关的状态，用户可以点击开关按钮进行切换，请勿将开关选择用于打开和关闭以外的状态。将品牌颜色应用于你的应用时，请调整开关的外观以匹配应用的样式。
### 移动端

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/81be9afe179ee7c5dc493085bd3f2ce7_JqUF8uOgqS.png?lazyload=true&width=1920&height=760)

### 桌面端

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/a5256cb73463fc5e537a38d8972d84e5_Ld6QbQkiaR.png?lazyload=true&width=1920&height=312)