| 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 | ||
