UI组件

按钮

按钮分为大中小3个规格，分别为small、normal、large ; 颜色分为：灰色、蓝色、绿色、红色、橙色、白色 ; 状态分为：禁用及未禁用。

实例:

文本输入框、文本选择框

文本输入框及文本选择框的宽度尽量使用内容宽度（80、100、120、160、180、210、250）

实例:

文本框组件

文本输入框及文本选择框的宽度尽量使用内容宽度（80、100、120、160、180、210、250）

实例:

￥

.00

@

自定义

图片上传，单选多选

实例:

单选1 单选2 单选1 单选2

table表格

实例:

序号	任务编号	执行人	连级名称	任务名称	预计得分	开始时间	结束时间	操作
01	Ant-Dlise-1	周慧文	UE/UX	网页界面设计	0	01-15	01-15
01	Ant-Dlise-1	周慧文	UE/UX	网页界面设计	0	01-15	01-15

序号	任务编号	执行人	连级名称	任务名称	预计得分	开始时间	结束时间	操作
01	Ant-Dlise-1	周慧文	UE/UX	网页界面设计	0	01-15	01-15
01	Ant-Dlise-1	周慧文	UE/UX	网页界面设计	0	01-15	01-15

序号	任务编号	执行人	连级名称	任务名称	预计得分	开始时间	结束时间	操作
01	Ant-Dlise-1	周慧文	UE/UX	网页界面设计	0	01-15	01-15

							
								
									
										序号
										任务编号
										执行人
										连级名称
										任务名称
										预计得分
										开始时间
										结束时间
										操作
									
									
										01
										Ant-Dlise-1
										周慧文
										UE/UX
										网页界面设计
										0
										01-15
										01-15
										
											
										
									
									
										01
										Ant-Dlise-1
										周慧文
										UE/UX
										网页界面设计
										0
										01-15
										01-15
										
											
										
									
								
							
							
								
									
										序号
										任务编号
										执行人
										连级名称
										任务名称
										预计得分
										开始时间
										结束时间
										操作
									
									
										01
										Ant-Dlise-1
										周慧文
										UE/UX
										网页界面设计
										0
										01-15
										01-15
										
											
										
									
									
										01
										Ant-Dlise-1
										周慧文
										UE/UX
										网页界面设计
										0
										01-15
										01-15
										
											
										
									
								
							
							
								
									
										序号
										任务编号
										执行人
										连级名称
										任务名称
										预计得分
										开始时间
										结束时间
										操作
									
									
										01
										Ant-Dlise-1
										周慧文
										UE/UX
										网页界面设计
										0
										01-15
										01-15

对话组件

实例:

这是聊天的文字这是聊天的文字这是聊天的文字

这是回复聊天的文字

							
								
								这是聊天的文字这是聊天的文字这是聊天的文字
							
							
								
								这是聊天的文字这是聊天的文字这是聊天的文字
							
							
								
								这是回复聊天的文字
							
							
								
								这是回复聊天的文字

tab切换组件

实例:

选中项
选中项一
选中项二

选中项
选中项
选中项

选中项
选中项一
选中项二
选中项三

选中项
选中项一
选中项二
选中项三

进度条及通知类提示

实例:

50%

60%

80%

6 6 6 6 6

6 6 6 6 6

6 6 6 6 6

99+ 99+ 99+ 99+ 99+

翻页

实例:

< 1 2 3 ... 50 > 跳至

页

上一页 1 2 3 ... 50 下一页跳至

页