mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-25 02:41:46 +08:00
d8b6ad7d54
* fix: Tabbar icon line-height * [new feature] progress add showPivot prop * [new feature] TabItem support vue-router * [new feature] update document header style * [Doc] add toast english ducoment * [new feature] add i18n support * feat: Extract demos from markdown * feat: Base components demos * [new feature] complete demo extract & translate * [fix] text cases * fix: add deepAssign test cases * fix: changelog detail * [new feature] AddressEdit support i18n
64 lines
1.5 KiB
Markdown
64 lines
1.5 KiB
Markdown
## Dialog 弹出框
|
|
|
|
### 使用指南
|
|
|
|
```js
|
|
import { Dialog } from 'vant';
|
|
```
|
|
|
|
### 代码演示
|
|
|
|
#### 消息提示
|
|
用于提示一些消息，只包含一个确认按钮
|
|
|
|
```javascript
|
|
Dialog.alert({
|
|
title: '标题',
|
|
message: '弹窗内容'
|
|
}).then(() => {
|
|
// on close
|
|
});
|
|
|
|
Dialog.alert({
|
|
message: '弹窗内容'
|
|
}).then(() => {
|
|
// on close
|
|
});
|
|
```
|
|
|
|
#### 消息确认
|
|
用于确认消息，包含取消和确认按钮
|
|
|
|
```javascript
|
|
Dialog.confirm({
|
|
title: '标题',
|
|
message: '弹窗内容'
|
|
}).then(() => {
|
|
// on confirm
|
|
}).catch(() => {
|
|
// on cancel
|
|
});
|
|
```
|
|
|
|
### 方法
|
|
|
|
| 方法名 | 参数 | 返回值 | 介绍 |
|
|
|-----------|-----------|-----------|-------------|
|
|
| Dialog.alert | options | `Promise` | 展示消息提示弹窗 |
|
|
| Dialog.confirm | options | `Promise` | 展示消息确认弹窗 |
|
|
| Dialog.close | - | `void` | 关闭弹窗 |
|
|
|
|
### Options
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|
|
|-----------|-----------|-----------|-------------|-------------|
|
|
| title | 标题 | `String` | - | - |
|
|
| message | 内容 | `String` | - | - |
|
|
| showConfirmButton | 是否展示确认按钮 | `Boolean` | `true` | - |
|
|
| showCancelButton | 是否展示取消按钮 | `Boolean` | `false` | - |
|
|
| confirmButtonText | 确认按钮的文案 | `String` | `确认` | - |
|
|
| cancelButtonText | 取消按钮的文案 | `String` | `取消` | - |
|
|
| overlay | 是否展示蒙层 | `Boolean` | `true` | - |
|
|
| closeOnClickOverlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` | - |
|
|
| lockOnScroll | 是否禁用背景滚动 | `Boolean` | `true` | - |
|