cascade级联组件

定义：存在父子层级关系的选择枚举组件。

使用场景：

• 用于含有层级关系的枚举组件，例如：省市、组织架构、不同导航层级等；

• 点击激活选择框，出现级联选择浮层。

例如：boss直聘首页搜索，前置公司所在城市，点击城市出现城市选择组件，鼠标hover出现下级选项。

基础样式：只能选择枚举，不支持在选择框中进行关键词搜索，且为单选。用户选择选项后，浮层收起，表单为完成态。

存在下级菜单的选项会出现右箭头，提示用户含有下一级选项，鼠标hover出现下一级选项。

清空样式：用户可以使用空选项填写表单，防止用户输入数据后没法取消所输入的数据。

激活，出现第一级的级联浮层，如果存在下一级则对应选项出现右箭头，hover出现下一级选项。含有清空选项的枚举项，选择清空则数据为空提交。

含有搜索样式（可选择空选项）：可通过搜索快速查询到所需要到枚举项。输入关键词，出现的下拉选择以路径的形式展示，匹配关键词高亮。

inputnumber数字输入

定义：仅允许输入数值的组件，如果涉及到日期的话，且数值以年份日期的数据存储，例如：今年是 2018 年，inputnumber工作年限为 5 年，则后端储存为 2013 年，到了 2019 年数值变为 6 年。

使用场景：

• 当用户需要输入数值时；

• 仅允许数字格式。

基础样式：只能输入数值，当输入其他格式的时候，出现报错提示，同时输入框的输入内容清空。

变种样式：含有人民币，百分比的数值等，需要将人民币、百分比的符号体现出来，这时候就要用到输入点的样式。

radio单选组件

定义：一组互斥的选项，仅单选。

使用场景：

• 选项低于五个时，且为单选；

• 和select的区别是选项全部展示出来。

例如：boss直聘填写个人信息时，性别选择男女时，就是一个radio单选组件。

基础样式：当单选时，且选择项比较少时，选择项都展示出来，使用单选组件。

变种样式：选项和控件合为一体，整体更直观。

checkbox复选框

定义：对于同一组选项，可以选择多项的组件。

使用场景：

• 在一组可选项中进行多项选择时；

• 单独使用可以表示两种状态之间的切换。

基础样式：多项选项需要选择时使用。

单独使用：单独使用可以表示选中或非选中两种状态之间的切换。

switch开关

定义：用于开启/关闭的选择。

使用场景：

• 需要表示开关状态/两种状态之间的切换时；

• 表示两种相互对立的状态间的切换。

基础样式：默认打开关闭根据业务需求决定，仅展示开关控件。

带有文字样式：默认打开关闭根据业务需求决定，开关控件上有文字提示该控件的状态。

禁用样式：不可操作，只可查看开关按钮状态。

软件开发,网站建设,微信开发,小程序开发,APP开发,商城系统开发,直播系统开发,产品推广,短视频推广,就找易祺互联！
易祺互联为您提供：商城系统,智慧物业管理系统,“好差评”系统,食品溯源系统,智慧点巡检系统,农村电商系统,智慧河道水位监控系统,智慧环境监测系统,机房动力环境监控系统,ERP系统,智能建站系统,商城系统,直播系统,各种软件/网站定制开发,网站托管等一站式运营解决方案。
易祺互联 ＠ 河南蓝燕网络科技有限公司旗下运营品牌
统一社会信用代码：914101055710161107
软件设计部运营中心：河南省郑州市金水区芯互联大厦南座11层
智慧物联网运营中心：河南省郑州市金水区花园路1号河南省人民会堂
新产品培育运营中心：河南省郑州市金水区黄河路25号经津大厦10楼
北京市（华北区）运营中心：北京市海淀区双清路33号清华大学学研大厦B座10层
广州市（华南区）运营中心：广东省广州市黄埔区科汇四街11号
杭州市（华东区）运营中心：杭州市拱墅区祥园路杭州国际人才创新创业中心A座10层
重庆市（西南区）运营中心：重庆市江津区双福新区联东U谷12栋
业务咨询：0371-60934100 手机：18737894979 国内热线：400-8778-670
技术服务：15516975329 投诉热线：185-38935-211