小程序弹窗 - 技术栈

小程序弹窗

代码真的养发2024-01-10 17:13

小程序弹窗的例子如下：

确认弹窗：

javascript 复制代码

wx.showModal({
  title: '提示',
  content: '确定要删除该记录吗？',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定')
      // 执行删除操作
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})

提示弹窗：

javascript 复制代码

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

加载中弹窗：

javascript 复制代码

wx.showLoading({
  title: '加载中',
  mask: true
})

// 隐藏加载弹窗
setTimeout(function () {
  wx.hideLoading()
}, 2000)

自定义弹窗：

javascript 复制代码

wx.showModal({
  title: '自定义弹窗',
  content: '这是一个自定义的弹窗示例',
  showCancel: false, // 不显示取消按钮
  confirmText: '知道了',
  confirmColor: '#3CC51F',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    }
  }
})

这些例子演示了不同类型的小程序弹窗，包括确认弹窗、提示弹窗、加载中弹窗和自定义弹窗。开发者可以根据自己的需求选择合适的弹窗类型，并根据具体情况自定义弹窗的内容和样式。