102)微信小程序 van-dialog

时间：2020-03-04 12:25:39 收藏：0 阅读：328

1.效果及Vant 位置

技术图片

2.JS

import Dialog from ‘vant-weapp/dialog/dialog‘;
Page({
data: {
   
  },
  onLoad: function(options) {
     Dialog.confirm({
      title: ‘取消預約‘,
      context: this,
      selector: ‘#van-dialog‘,
      message: ‘確定取消該預約嗎？‘
    }).then(() => {
     // on then
    }).catch(() => {
      // on cancel
    });

  },
})

3.WXML

<van-dialog id="van-dialog"> </van-dialog>

4. JSON

{
  "usingComponents": { 
    "van-dialog": "vant-weapp/dialog"
  }
}