mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-14 17:01:14 +08:00
c8c4b6efa3
* 文档优化 * 文档细节调整，删除示例的 height 设置，使用自动撑开 * sdk 使用完整例子，因为新版没发布 * 修复官网语言不正确问题 * 增加 icon 调整颜色及大小的例子 * 修复文字错误 * 补充 each 的文档 * 修复 zh-CN 大写问题
60 lines
1.6 KiB
Markdown
Executable File
60 lines
1.6 KiB
Markdown
Executable File
---
|
|
title: Button-Toolbar 按钮工具栏
|
|
description:
|
|
type: 0
|
|
group: null
|
|
menuName: Button-Toolbar
|
|
icon:
|
|
order: 5
|
|
---
|
|
|
|
默认按钮会独占一行，如果想让多个按钮并排方式，可以使用 `button-toolbar` 组件包裹起来，另外还有能用 [button-group](./button-group) 来在展现上更紧凑。
|
|
|
|
## 基本使用
|
|
|
|
```schema: scope="body"
|
|
{
|
|
"type": "form",
|
|
"controls": [
|
|
{
|
|
"type": "text",
|
|
"name": "test",
|
|
"label": "Text"
|
|
},
|
|
|
|
{
|
|
"type": "button-toolbar",
|
|
"label": "按钮组",
|
|
"buttons": [
|
|
{
|
|
"type": "button",
|
|
"label": "按钮",
|
|
"actionType": "dialog",
|
|
"dialog": {
|
|
"title": "提示",
|
|
"body": "对，你刚点击了！"
|
|
}
|
|
},
|
|
|
|
{
|
|
"type": "submit",
|
|
"label": "提交"
|
|
},
|
|
|
|
{
|
|
"type": "reset",
|
|
"label": "重置"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
## 属性表
|
|
|
|
| 属性名 | 类型 | 默认值 | 说明 |
|
|
| ------- | --------------------------- | ------------------ | ------------------------- |
|
|
| type | `string` | `"button-toolbar"` | 指定为 ButtonToolbar 组件 |
|
|
| buttons | Array<[行为按钮](./action)> | | 按钮组 |
|