微信小程序 弹窗

微信小程序弹窗是一种提供用户操作反馈的重要方式，它可以帮助用户快速了解当前操作的结果，并且可以根据不同的场景进行定制化。

微信小程序弹窗有多种形式，其中最常见的是alert、confirm和toast三种。alert弹窗是一个单独的对话框，用于显示重要信息；confirm弹窗则是一个带有“取消”和“确定”两个选项的对话框，用于询问用户是否执行特定的动作；toast则是一个轻量的对话框，用于显示一条信息。

// alert 弹出对话框
wx.showModal({
  title: '标题',
  content: '内容',
  showCancel: false, // 是否显示取消按钮 默认true
  success (res) { // 点击 confirm 时执行回调函数  res.confirm 为 true/false
    if (res.confirm) { // 点击 confirm 时执行回调函数   res.confirm 为 true/false

    } else if (res.cancel) { // 点击 cancel 时执行回调函数   res.cancel 为 true/false

    }
  }
})

 // confirm 弹出对话框   含有 “取消” 和 “确定” 操作选项   适用于询问用户是否执行特定动作时使用  
wx.showModal({
  title: '标题',
  content: '内容',   // 必填字段   若不填写会造成无法正常使用弹出对话框功能  
  showCancel: true, // 是否显示取消按钮 默认true   若不显示则无法正常使用弹出对话功能    适用于 alert 功能时支付 false 值即可    

 success (res) { // 点击 confirm 或 cancel 时执行回调函数     res.confirm 为 true/false     res.cancel 也会返回 true/false   

    if (res.confirm) { // 点击 confirm 时执行回调函数     res.confirm 为 true/false

    } else if (res.cancel) { // 点击 cancel 时执行回调函数     res.cancel 也会返回 true/false

    }

 }})

 // toast 弱化版 alert 功能   适用于显示一条信息时支付使用      若想要在 toast 过后立即关闭当前页面则将 duration 赋值 0      若想要在 toast 过后立即进入新页面则将 complete 赋值 wx.navigateTo()      wx.navigateBack()       wx.redirectTo()       wx.switchTab()       wx.reLaunch()        等方法即可      （注意：complete 本来就是一个 function ）        （注意：duration 本来就是 number ）        （注意：title 本来就是 string ）         （注意：icon 本来就是 string ）          （注意：image 本来就是 string ）           （注意：mask 本来就是 boolean ）            ￣へ￣             												                                                                                                                                                         

微信小程序 WeUI·弹窗组件

{
  "usingComponents": {
    "mp-dialog": "../components/dialog/dialog"
  }
}