Skip to content

Commit

Permalink
docs: Update buttons.zh-CN.md (#32323)
Browse files Browse the repository at this point in the history
  • Loading branch information
yingxirz committed Sep 27, 2021
1 parent adf4507 commit f50ee82
Showing 1 changed file with 12 additions and 0 deletions.
12 changes: 12 additions & 0 deletions docs/spec/buttons.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -150,6 +150,18 @@ title: 按钮

多个按钮形成一组时,将按钮排列在一起即可。

### 有很多按钮组,如何确定顺序

<img class="preview-img no-padding" align="right" src="https://img.alicdn.com/imgextra/i1/O1CN010Q6SBR1vSMpV0jdjX_!!6000000006171-2-tps-928-466.png">

工具栏中的操作类型很多,我们会倾向于将变化较少的内容位置固化。以表格工具栏举例,排列逻辑如下:

- 业务逻辑:「推进」进程的操作。例如:编辑、新建、发布、保存、取消、撤回等;
- 视图控制:控制内容展示的形式。例如:全屏、表格密度、放大缩小、布局控制等;
- 其他:刷新、分享、设置等;
- 溢出:被折叠的操作,若进行响应式设计,从右往左折叠至溢出操作。


### 按钮分组

当需要布置的按钮数量过多,可以把相关的动作组成一组,并采用相似的视觉设计。当某一个按钮是首要动作时仍可使用主按钮强调。
Expand Down

0 comments on commit f50ee82

Please sign in to comment.