对话弹窗

modal

对话弹窗

属性名 类型 默认值 说明

title String 标题

hidden Boolean false 是否隐藏整个弹窗

no-cancel Boolean false 是否隐藏cancel按钮

confirm-text String 确定 confirm按钮文字

cancel-text String 取消 cancel按钮文字

bindconfirm EventHandle 点击确认触发的回调

bindcancel EventHandle 点击取消以及蒙层触发的回调

示例：

<modal title="标题" confirm-text="confirm" cancel-text="cancel" hidden="{{modalHidden}}" bindconfirm="modalChange" bindcancel="modalChange">

    这是对话框的内容。

</modal>

<modal class="modal" hidden="{{modalHidden2}}" no-cancel bindconfirm="modalChange2">

    <view> 没有标题没有蒙层没有确定的modal <7iew>

    <view> 内容可以插入节点 <7iew>

</modal>

<view class="btn-area">

    <button type="default" bindtap="modalTap">点击弹出modal<^tton>

    <button type="default" bindtap="modalTap2">点击弹出modal2<^tton>

<7iew>

Page({

  data: {

    modalHidden: true,

    modalHidden2: true

  },

  modalTap: function(e) {

    this.setData({

      modalHidden: false

    })

  },

  modalChange: function(e) {

    this.setData({

      modalHidden: true

    })

  },

  modalTap2: functi