weui 必填_微信小程序 WeUI·弹窗组件

Dialog

Dialog弹窗组件。

示例代码：{

"usingComponents": {

"mp-dialog": "../components/dialog/dialog"

}

}

Dialog

对话框

确认取消按钮

只有确认按钮

test content

test content1

Page({

data: {

dialogShow: false,

showOneButtonDialog: false,

buttons: [{text: '取消'}, {text: '确定'}],

oneButton: [{text: '确定'}],

},

openConfirm: function () {

this.setData({

dialogShow: true

})

},

tapDialogButton(e) {

this.setData({

dialogShow: false,

showOneButtonDialog: false

})

},

tapOneDialogButton(e) {

this.setData({

showOneButtonDialog: true

})

}

});

属性列表属性类型默认值必填说明ext-classstring否添加在组件内部结构的class，可用于修改组件内部的样式

titlestring否弹窗的标题

buttonsarray[]否底部的按钮组，建议最多提供两个按钮

maskboolean是是否显示蒙层

mask-closableboolean是点击蒙层是否可以关闭

showbooleanfalse否是否显示弹窗

bindcloseeventhandler否弹窗关闭的时候触发的事件

bindbuttontapeventhandler否buttons按钮组点击时触发的事件，detail为{index, item}，item是按钮的配置项

buttons提供按钮组配置，每一项表示一个按钮，每一项的属性为属性类型默认值必填说明extClassstring否按钮的额外的class，可用于修改组件内部的样式

textstring否按钮的文本

Slot

弹窗组件只有一个默认slot用于显示弹窗的内容