控件规范思维导图
基础样式，导航功能，数据录入内容讲解
树图思维导图提供 控件规范 在线思维导图免费制作，点击“编辑”按钮，可对 控件规范 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：bed4ebf0b991a235a622bbb25639e008
思维导图大纲
控件规范思维导图模板大纲
基础样式（Base）
颜色
由color 1-10，颜色逐渐加深
字体样式
分类
中文（阿里巴巴普惠）
英文（阿里巴巴普惠）
字号
24px，行高40px，适用于特大标题，特殊重要数字
20px，行高36px，适用于顶部大标题
18px，行高32px，适用于一级标题
16px，行高28px，适用于二级标题，重要内容
14px，行高24px，适用于正文内容
12px，行高20px，适用于次要信息
圆角边框
半径（radius）为4，适用于按钮
半径为8，适用于某个容器
阴影
通用(General)
按钮（button）
红底按钮
带查询
不带查询
蓝底按钮
灰底按钮
白底按钮
图标
不同元素对应不同图标
链接
导航（Navigation）
手风琴格式
下拉框格式
可以设置选中项的颜色，不可选中项的颜色，可进行搜索
导航菜单
单层侧边导航
平铺式侧边导航
可分组的侧边导航
标签页
分页
数据录入（DataEntry）
输入框(Input)
输入框的校验
范围输入框
上传（UpLoad）
分为四种状态：未上传，上传中，上传成功，上传失败
多行文本框（TextArea）
可设置提示信息，可限制输入的字数等
数字输入框（NumberInput）
输入数字的输入框
输入金额的输入框
输入数量的输入框
表单（Form）
包括文本输入框，日期输入框等。。。
日历选择器（DatePicker）
日期的选择，日期的开始到截至，日期+时间
时间选择器（TimePicker）
可以选择单个时间，选择时间范围
单选框（Radio）
可结合文本使用
多选框（CheckBox）
可结合文本使用
选择器（Select）
下拉选择器，可单选也可多选
开关（Switch）
在开启和关闭下，分别分三个状态（normal，loading，disabled(已禁用)）
滑块（Slider）
数据展示（DataDisPlay）
标签（Tag）
标签状态
默认（default）
成功（Success）
警告（Warning）
危险（danger）
禁用
常见标签种类
进行中
执行中，创建中，合并中，停止中，审批中，提交中
关键点/中断
暂停执行，待补充
失败/严重问题
不通过，审核失败，出错，异常
成功
通过，完成，成功，正常
未开始/已终止
已停止，已撤销，已失效，已结束
默认
卡片（Card）
头像（Avator）
圆形框和矩形框
折叠面板（Collapse）
可根据不同诉求，填充不同内容
徽标（Badge）
即某个元素上的角标
表格（DataTable）
列表（List）
基础文字列表
有分割线的文字列表
以表格的形式展示的列表
多行文字列表
列表中有多行文字，每一行包括列表主内容和列表内容
基础图文列表
含有图片和内容
带操作的列表
列表中含有新增或删除等操作
含有表头的列表
如表头含有描述或提交按钮
进度条（Progress）
成功进度条--绿色
异常进度条--红色
带有数值的进度条
时间轴（TimeAxis）
不同的时间有着不同的描述
反馈（FeedBack）
对话框（Dialog）
为模态窗体，会暂停主窗体的交互，一般是适用于用户需要立即关注或做出选择的情况，只有当其关闭后，主窗体才能恢复正常交互
全局提示（Message）
警示信息（Alert）
文字提示（ToolTip）
消息通知（Notifcation）
通知提示窗体
警告提示窗体
错误提示窗体
引导（Guide）
气泡引导
窗体引导
相关思维导图模板
树图思维导图提供 查尔斯·斯特里克兰德 在线思维导图免费制作，点击“编辑”按钮，可对 查尔斯·斯特里克兰德 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：dcc23eab5e1456239090318fd2a36733
树图思维导图提供 Vol 4: Host Controller Interface 在线思维导图免费制作，点击“编辑”按钮，可对 Vol 4: Host Controller Interface 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：79ae530e99781b80db14057b19cd7002
沪公网安备 31011502019485号
上海工商