平台兼容性

handleShow(Object object)

参数说明

actions说明

success返回值

示例代码

<template>
  <view class="app">
    <button @click="testModal1">一般用法</button>
    <button @click="testModal2">异步用法</button>
    <min-modal ref="modal">
      <view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
        <view>hello world</view>
      </view>
    </min-modal>
  </view>
</template>

<script>
import minModal from '@/components/min-modal/min-modal'
export default {
  components: {
    minModal
  },
  methods: {
    testModal1 () {
      this.$refs.modal.handleShow({
        title: 'hello',
        // 有content选项时solt插槽将失效
        content: 'hello world',
        success: (res) => {
          console.log(res)
        }
      })
    },
    testModal2 () {
      this.$refs.modal.handleShow({
        title: '温馨提示',
        actions: [{
          name: '选项一',
          color: '#f30',
          icon: 'iconfont active'
        }, {
          name: '选项二',
          image: 'http://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png'
        }, 
        {
          name: '异步',
          loading: 0,
          image: 'http://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png'
        }],
        success: (res) => {
          switch (res.id) {
            // 代表选项一按钮
            case 0:
              console.log(res)
              break
            // 代表选项二按钮
            case 1:
              console.log(res)
              break
            // 代表异步按钮
            case 2:
              setTimeout(() => {
                // 异步特有的回调方法函数
                // 主要：loading必须为数字0
                res.handleHide()
              }, 3000)
              break
          }
        }
      })
    }
  }
}
</script>