请求处理中...
请求处理中...
根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据 、
navigation 导航、other 其他。
表单在网页中主要负责信息数据采集功能；用户需要填写输入信息数据并且提交到后端数据
库，以此完成信息的采集。则这种组件就是表单组件。
本文主要讲解表单中的cascade级联组件、inputnumber数字输入、radio单选组件、
checkbox复选框和switch开关
cascade级联组件
定义：存在父子层级关系的选择枚举组件。
使用场景：
1.用于含有层级关系的枚举组件，例如省市、组织架构、不同导航层级等
2.点击激活选择框，出现级联选择浮层
例如boss直聘首页搜索，前置公司所在城市，点击城市出现城市选择组件。鼠标hover出现
下级选项。
基础样式：只能选择枚举，不支持在选择框中进行关键词搜索。且为单选。用户选择选项
后，浮层收起，表单为完成态。
存在下级菜单的选项会出现右箭头，提示用户含有下一级选项，鼠标hover出现下一级选
项。
清空样式：用户可以使用空选项填写表单，防止用户输入数据后没法取消所输入的数据。
激活；出现第一级的级联浮层，如果存在下一级则对应选项出现右箭头，hover出现下一
级选项。含有清空选项的枚举项，选择清空则数据为空提交。
含有搜索样式（可选择空选项）：可通过搜索快速查询到所需要到枚举项。输入关键词，
出现的下拉选择以路径的形式展示，匹配关键词高亮。
inputnumber 数字输入
定义：仅允许输入数值的组件，如果涉及到日期的话，且数值以年份日期的数据存储，例
如：今年是2018年，inputnumber工作年限为5年，则后端储存为2013年，到了2019年
数值变为6年。
使用场景：
1.当用户需要输入数值时
2.仅允许数字格式
基础样式：只能输入数值，当输入其他格式的时候，出现报错提示，同时输入框的输入内
容清空。
变种样式：含有人民币，百分比的数值等，需要将人民币、百分比的符号体现出来。这时
候就要用到输入点的样式。
radio单选组件
定义：一组互斥的选项，仅单选。
使用场景：
1.选项低于五个时，且为单选
2.和s elect的区别是选项全部展示出来。
例如boss直聘填写个人信息时，性别选择男女时，就是一个radio单选组件。
基础样式：当单选时，且选择项比较少时，选择项都展示出来，使用单选组件。
变种样式：选项和控件合为一体，整体更直观。
checkbox 复选框
定义：对于同一组选项，可以选择多项的组件。
使用场景：
1.在一组可选项中进行多项选择时；
2.单独使用可以表示两种状态之间的切换
基础样式：多项选项需要选择时使用。
单独使用：单独使用可以表示选中或非选中两种状态之间的切换。
switch 开关
定义：用于开启/关闭的选择。
使用场景：
1.需要表示开关状态/两种状态之间的切换时
2.表示两种相互对立的状态间的切换
基础样式：默认打开关闭根据业务需求决定，仅展示开关控件
带有文字样式：默认打开关闭根据业务需求决定，开关控件上有文字提示该控件的状态。
禁用样式：不可操作，只可查看开关按钮状态。
交易额: 1166.99万元
无 |山东省 |青岛市 |城阳区
交易额: 1067.69万元
个人 |山东省 |青岛市 |城阳区
交易额: 381.16万元
工作室 |广东省 |惠州市 |惠城区
交易额: 249.47万元
公司 |上海市 |上海市 |黄浦区
成为一品威客服务商，百万订单等您来有奖注册中
企业QQ
智能客服
