Dialog

Dialog弹窗组件。

代码引入

在 page.json 中引入组件

  1. {
  2. "usingComponents": {
  3. "mp-dialog": "weui-miniprogram/dialog/dialog"
  4. }
  5. }

示例代码

属性列表

属性类型默认值必填说明
ext-classstring添加在组件内部结构的class,可用于修改组件内部的样式
titlestring弹窗的标题
buttonsarray<object>[]底部的按钮组,建议最多提供两个按钮
maskboolean是否显示蒙层
mask-closableboolean点击蒙层是否可以关闭
showbooleanfalse是否显示弹窗
bindcloseeventhandler弹窗关闭的时候触发的事件
bindbuttontapeventhandlerbuttons按钮组点击时触发的事件,detail为{index, item},item是按钮的配置项

buttons提供按钮组配置,每一项表示一个按钮,每一项的属性为

属性类型默认值必填说明
extClassstring按钮的额外的class,可用于修改组件内部的样式
textstring按钮的文本

Slot

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