设计规范 | Web端设计组件篇级联、数字输入、单复选框和开关

cascade级联组件

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

使用场景：

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

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

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

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

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

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

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

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