小程序弹窗

小程序弹窗的例子如下:

  1. 确认弹窗:
javascript 复制代码
wx.showModal({
  title: '提示',
  content: '确定要删除该记录吗?',
  success: function (res) {
    if (res.confirm) {
      console.log('用户点击确定')
      // 执行删除操作
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})
  1. 提示弹窗:
javascript 复制代码
wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})
  1. 加载中弹窗:
javascript 复制代码
wx.showLoading({
  title: '加载中',
  mask: true
})

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

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

相关推荐
HERR_QQ1 天前
【unify】unify的微信小程序开发学习 (to be continued)
学习·微信小程序·小程序
racerun1 天前
小程序导航设置更多内容的实现方法
小程序
说私域1 天前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的超级文化符号构建路径研究
人工智能·小程序·开源
mg6681 天前
微信小程序入门实例_____快速搭建一个快递查询小程序
微信小程序·小程序
The_era_achievs_hero1 天前
微信小程序41~50
微信小程序·小程序
走,带你去玩2 天前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
CC同学呀2 天前
从0到100:单位订餐统计小程序开发日记2025
小程序
666HZ6662 天前
微信小程序中scss、ts、wxml
微信小程序·小程序·scss
二十十十十十2 天前
微信点餐小程序—美食物
微信·小程序