inleft
2022-08-02 70097d968795fcc872095c42f7b7bba618baaaf9
commit | author | age
9bcb19 1 # FooterToolbar 底部工具栏
I 2
3 固定在底部的工具栏。
4
5
6
7 ## 何时使用
8
9 固定在内容区域的底部,不随滚动条移动,常用于长页面的数据搜集和提交工作。
10
11
12
13 引用方式:
14
15 ```javascript
16 import FooterToolBar from '@/components/FooterToolbar'
17
18 export default {
19     components: {
20         FooterToolBar
21     }
22 }
23 ```
24
25
26
27 ## 代码演示
28
29 ```html
30 <footer-tool-bar>
31     <a-button type="primary" @click="validate" :loading="loading">提交</a-button>
32 </footer-tool-bar>
33 ```
34
35 ```html
36 <footer-tool-bar extra="扩展信息提示">
37     <a-button type="primary" @click="validate" :loading="loading">提交</a-button>
38 </footer-tool-bar>
39 ```
40
41
42 ## API
43
44 参数 | 说明 | 类型 | 默认值
45 ----|------|-----|------
46 children (slot) | 工具栏内容,向右对齐 | - | -
47 extra | 额外信息,向左对齐 | String, Object | -
48