码迷,mamicode.com
首页 > 微信 > 详细

102)微信小程序 van-dialog

时间:2020-03-04 12:25:39      阅读:328      评论:0      收藏:0      [点我收藏+]

标签:tor   component   nbsp   inf   UNC   title   效果   微信   conf   

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"
  }
}

 

102)微信小程序 van-dialog

标签:tor   component   nbsp   inf   UNC   title   效果   微信   conf   

原文地址:https://www.cnblogs.com/chuangjie1988/p/12408577.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!