黑白切换
按钮
普通按钮
禁用状态
不同尺寸
文字按钮（Hover带背景）
文字按钮（Hover不带背景）
按钮（Loading）
表单
多选
Checkbox group中间态
禁用
日期
Default
Picker with quick options
输入框(默认)
Select
输入框(不带背景)
输入框禁用
输入框Clearable
Material Input(height: 40px)
Material Input(height: 44px)
Material Input(height: 48px)
Material Input(height: 48px)(禁用状态)
Material Input(height: 40px)(variant="filled")
USDT
(height: 44px)(错误状态)
(height: 48px)(variant="filled"+错误状态)
(height: 48px)(variant="filled")(禁用状态)
SliderBar
0%
25%
50%
75%
100%
Select
Select
Select
Select
Select
多选Select
Select
定制多选Select
全部支付方式
单选
单选(黑色 .el-radio-black)
开关
CloseOpen
CloseOpen
CloseOpen
switcher（无法满足需求，需自行实现）（el-radio-button实现）
是
折叠面板
折叠面板(图标通过slot自定义传入)
Consistency
Consistent with real life: in line with the process and logic of real life, and comply with languages and habits that the users are used to;
Consistent within interface: all elements should be consistent, such as: design style, icons and texts, position of elements, etc.
Feedback
Operation feedback: enable the users to clearly perceive their operations by style updates and interactive effects;
Visual feedback: reflect current state by updating or rearranging elements of the page.
Efficiency
Simplify the process: keep operating process simple and intuitive;
Definite and clear: enunciate your intentions clearly so that the users can quickly understand and make decisions;
Easy to identify: the interface should be straightforward, which helps the users to identify and frees them from memorizing and recalling.
Controllability
Decision making: giving advices about operations is acceptable, but do not make decisions for the users;
Controlled consequences: users should be granted the freedom to operate, including canceling, aborting or terminating current operation.
提示
消息
通知
文字提示
分页
- 1
- 2
- 3
- 4
- 5
面包屑
菜单
Dropdown
Menu
- Processing Center
- Workspace
- Override Popper Offset
- Info
- Orders
Tab
普通Tab
User
Config
Role
Task
User
Config
Role
Task
Tab(type="card")
User
Config
Role
Task
User
Config
Role
Task
Loading
Dialog
无数据
description
Table表格