新墨前端控件选用规范

何沙乐 / 2021-01-13 18:43:42

优先考虑使用:http://element.eleme.io/

辅助使用:https://www.iviewui.com/

 

点击列表页的《标题》字段,进入详情页。且列表页打开详情页,统一都是新窗口打开;

 

1      按钮

涉及到保存、取消的,都使用如下按钮类型

4d2ac7ed3bb18487f5ce087ccc89d910.png

 

2      Input 输入框

2.1       文本域

涉及到文本域的,都使用:可自适应文本高度的文本域

a118835148aaf94f0d082aee9504f574.png


3      Cascader 级联选择器

涉及到多级联动的,都使用:hover 触发子菜单

5c0f17ff5c9f5f43528ddd0915a186e7.png

 

4      DatePicker 日期选择器

涉及到日期的,请都使用:带快捷选项

695e96493f8bfe53493afc726dd2fa53.png

16596fba93c6a0028c77a8f11ca0609a.png

 

5      Rate 评分

涉及到评分的,都使用:带有辅助文字的

d00590e45ba585aa027cbef24dfbfd7b.png

 

6      Table 表格

涉及到表格的,都使用:带斑马纹表格

3a0ae69e8db9389b6ed75d134665d565.png

 

7      Pagination 分页

涉及到分页的,都使用

5b1df901e27925de029bc8bc1d24c4a0.png

热门文章
最新文章
推荐文章