微信小程序 weui mp-dialog组件

html：

<mp-dialog ext-class="dialog" show="{{dialogShow}}"
 bindbuttontap="tapDialogButton" buttons="{{buttons}}">
    <view>
        <image src="{{avatarurl}}" class="head_p"></image>
        <view class="title">
            {{dialog_title}}
        </view>
    </view>
</mp-dialog>

 show是否显示弹窗，bindbuttontapbuttons按钮组点击时触发的事件，detail为{index, item}，item是按钮的配置项，buttons底部的按钮组，建议最多提供两个按钮；

弹窗内容以及样式可以自由写

js：

data:{
    buttons: [{
      text: '取消'
    }, {
      text: '确定'
    }],
},
tapDialogButton(e) {
    const _btn = e.detail.item.text;
    if (_btn == '确定') {
      // 添加移除关注
      this.concern_user();
    }
    this.setData({
      dialogShow: false,
    })
  },

 tapDialogButton方法可以获取按钮的文字

属性列表

属性	类型	默认值	必填	说明
ext-class	string		否	添加在组件内部结构的class，可用于修改组件内部的样式
title	string		否	弹窗的标题
buttons	array<object>	[]	否	底部的按钮组，建议最多提供两个按钮
mask	boolean		是	是否显示蒙层
mask-closable	boolean		是	点击蒙层是否可以关闭
show	boolean	false	否	是否显示弹窗
bindclose	eventhandler		否	弹窗关闭的时候触发的事件
bindbuttontap	eventhandler		否	buttons按钮组点击时触发的事件，detail为{index, item}，item是按钮的配置项

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

属性	类型	默认值	必填	说明
extClass	string		否	按钮的额外的class，可用于修改组件内部的样式
text	string		否	按钮的文本

Slot

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