# 对话框
# 平台差异
App | H5 | 微信小程序 | 支付宝小程序 | 头条小程序 |
---|---|---|---|---|
√ | √ | √ | √ | √ |
# Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
visible | 是否显示 Dialog,支持 .sync 修饰符 | boolean | false | |
title | 标题 | string | ||
width | 对话框宽度 | string | 80% | |
close-on-click-modal | 是否可以通过点击 modal 关闭 | boolean | true | |
show-close-btn | 是否显示关闭按钮 | boolean | false |
# Events
事件名称 | 说明 | 回调参数 |
---|---|---|
close | 关闭回调 |
# 示例
<template>
<view>
<cl-dialog title="标题" :visible.sync="visible">
<text>云想衣裳花想容,春风拂槛露华浓。若非群玉山头见,会向瑶台月下逢。</text>
</cl-dialog>
</view>
</template>
<script>
export default {
data() {
return {
visible: true
};
}
};
</script>