mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-29 18:48:45 +08:00
docs: 补充弹框的文档 (#1661)
This commit is contained in:
parent
182a008ec6
commit
635fe4ea91
@ -285,6 +285,43 @@ Dialog 弹框 主要由 [Action](./action) 触发,主要展示一个对话框
|
||||
}
|
||||
```
|
||||
|
||||
## 配置弹窗的按钮
|
||||
|
||||
可以通过设置 `actions` 来控制弹窗中的按钮。
|
||||
|
||||
```schema: scope="body"
|
||||
{
|
||||
"type": "button-toolbar",
|
||||
"buttons": [
|
||||
{
|
||||
"type": "button",
|
||||
"label": "无按钮",
|
||||
"actionType": "dialog",
|
||||
"dialog": {
|
||||
"title": "提示",
|
||||
"actions": [],
|
||||
"body": "无按钮的弹框"
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "button",
|
||||
"label": "只有一个确认按钮",
|
||||
"actionType": "dialog",
|
||||
"dialog": {
|
||||
"title": "提示",
|
||||
"actions": [{
|
||||
"type": "button",
|
||||
"actionType": "confirm",
|
||||
"label": "OK",
|
||||
"primary": true
|
||||
}],
|
||||
"body": "只有一个 OK 的弹框"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
## 弹框中配置表单
|
||||
|
||||
### 基本使用
|
||||
|
@ -9,7 +9,7 @@ title: 快速开始
|
||||
1. 使用 CSS 变量动态修改,通过这种方式修改大部分 amis 组件的样式,所有组件都会生效,注意这种方法不支持 IE11。
|
||||
2. 使用辅助 class,可以对单个组件做定制修改。
|
||||
3. 自己生成主题 CSS,可以修改所有配置,目前只能通过源码方式,请参考 `scss\themes\default.scss` 文件,修改变量后重新编译一个 css,需要注意这种方式在更新 amis 版本的时候最好重新编译,否则就会出现使用旧版 css 的情况,可能导致出错,因此不推荐使用。
|
||||
4. `container` 组件可以直接写内嵌 `style`。
|
||||
4. `wrapper` 组件可以直接写内嵌 `style`。
|
||||
|
||||
本文主要介绍前两种方法:
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user