<br />
## 默认弹出框
`通过 v-model 绑定当前弹出框显示或隐藏，默认情况下隐藏。@cancel为取消事件回调，@confirm为确认事件回调。`
```
<hd-dialog v-model="show" @cancel="show = false" @confirm="show = false">
<h1>内容1</h1>
<h1>内容2</h1>
<h1>内容3</h1>
<h1>内容4</h1>
<h1>内容5</h1>
</hd-dialog>
```
```
export default {
data () {
return {
show:true,
};
},
};
```
<br />
## 单按钮弹出框
`通过 singleButton 属性，用于是否展示取消按钮，默认为true`
```
<hd-dialog v-model="show" :singleButton="false" @cancel="show = false" @confirm="show = false">
<h1>内容1</h1>
<h1>内容2</h1>
<h1>内容3</h1>
<h1>内容4</h1>
<h1>内容5</h1>
</hd-dialog>
```
```
export default {
data () {
return {
show:true,
};
},
};
```
<br />
### props
|属性名|说明|类型|默认参数|
| --- | --- | --- | --- |
|v-model|是否显示弹出框|Boolean|`-`|
|cancelText|取消按钮文本|String|`取消`|
|confirmText|确认按钮文本|String|`确认`|
|singleButton|是否展示取消按钮|Boolean|`true`|
|confirmColor|确认按钮文字颜色|String|`#da0000`|
<br />
### Events
|事件名|说明|回调参数|
| --- | --- | --- |
|cancel|点击取消按钮的回调函数|`-`|
|confirm|点击确认按钮的回调函数|`-`|
