小程序弹窗

小程序弹窗的例子如下:

  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('用户点击确定')
    }
  }
})

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

相关推荐
2501_915918414 小时前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张5 小时前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
破无差15 小时前
《赛事报名系统小程序》
小程序·html·uniapp
00后程序员张16 小时前
详细解析苹果iOS应用上架到App Store的完整步骤与指南
android·ios·小程序·https·uni-app·iphone·webview
海绵宝宝不喜欢侬17 小时前
uniapp-微信小程序分享功能-onShareAppMessage
微信小程序·小程序·uni-app
2501_9151063217 小时前
Xcode 上传 ipa 全流程详解 App Store 上架流程、uni-app 生成 ipa 文件上传与审核指南
android·macos·ios·小程序·uni-app·iphone·xcode
亮子AI18 小时前
【小程序】微信小程序隐私协议
微信小程序·小程序
weixin_1772972206919 小时前
短剧小程序系统开发:打造个性化娱乐新平台
小程序·娱乐·短剧
weixin_lynhgworld19 小时前
剧本杀小程序系统开发:开启沉浸式社交娱乐新纪元
小程序·娱乐
~废弃回忆 �༄21 小时前
mobx-miniprogram小程序的数据传输
小程序