微信小程序的弹窗提示

这篇具有很好参考价值的文章主要介绍了微信小程序的弹窗提示。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 第一种:弹出提示框,用户可以选择确定或者取消,且都带有回调。

微信小程序的弹窗提示

    wx.showModal({
      title: '提示',
      content: '这是一个模态弹窗',
      success: function (res) {
        if (res.confirm) { //这里是点击了确定以后
          console.log('用户点击确定')
        } else { //这里是点击了取消以后
          console.log('用户点击取消')
        }
      }
    })

 第二种直接弹出成功的 用户无法选择确定与取消

微信小程序的弹窗提示

 

    wx.showToast({
      title: '成功提示!',
      icon: 'success',
      duration: 2000 //持续的时间
    })

第三种:等待中...

微信小程序的弹窗提示

 

    wx.showToast({
      title: '等待中...',
      icon: 'loading',
      duration: 2000//持续的时间
    })

第四种:无任何图标仅仅只是展示

微信小程序的弹窗提示

 

    wx.showToast({
      title: '您好,加油~',
      icon: 'none',
      duration: 2000//持续的时间
    })

 第五种:弹窗提示选项

微信小程序的弹窗提示文章来源地址https://www.toymoban.com/news/detail-503387.html

    wx.showActionSheet({
      itemList: ['A', 'B', 'C'],
      success: function (res) {
        if (!res.cancel) {
          console.log(res.tapIndex) //这里是点击了那个按钮的下标
        }
      }
    })

到了这里,关于微信小程序的弹窗提示的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序点击按钮在当前页面弹出一个弹窗输入数据

    微信小程序中可以使用 wx.showModal 或 wx.prompt 来在当前页面弹出一个弹窗,让用户输入数据。 使用 wx.showModal 时可以设置模态框的标题、内容和按钮文字,当用户点击确定或取消按钮时会返回一个对象,其中 confirm 属性表示用户是否点击了确定按钮,cancel 属性表示用户是否点

    2024年02月12日
    浏览(45)
  • 微信小程序几种常用弹窗提示方法

    1.提示文字 可以设置显示时间(仅提示时使用)duration设置时间 不显示icon,此时 title文字最多可显示两行 也可以显示icon,显示icon文字最多显示 7 个汉字长度 icon常用的有:success、error、loading 示例图片 2.模态对话框  可以确认和关闭 如图   3.loading 提示框 显示 loading 提示框

    2024年02月11日
    浏览(45)
  • 微信小程序-全局倒计时+全局弹窗提示

    1、在计时页面中点击【开始】按钮开始倒计时,当退出该页面时计时仍然继续 2、计时结束后,弹出提示(无论当前处于哪个页面) 一、全局定义 1、app.json:加上下面这个 2、app.wxss:需要导入dialog.wxss,否则自定义的弹窗样式失效 3、app.js:实现倒计时+设置变量监听器 二、

    2024年02月10日
    浏览(48)
  • 微信小程序解决多级页面返回及实现返回时弹出层提示

    解决微信小程序中点击页面返回按钮时需要返回多级的问题 最初使用的方法是在页面的onUnload中再写一个wx.navigateBack()方法,基本上也能实现效果,但不太完美,会出现一些情况: 如果当前页面中有按钮需点击后跳转到其他页面时,页面会出现先返回上一页再跳转到目标页面

    2024年01月16日
    浏览(51)
  • 微信小程序阻止用户返回上一页,并弹窗给用户确定是否要返回上一页

    在onload中调用微信的enableAlertBeforeUnload方法,在首次进入会自动监听当前的页面,在返回的时候会自动弹出弹窗阻止用户返回上一页,点击确定则返回上一页,取消则停留在当前页

    2024年02月07日
    浏览(48)
  • 关闭element UI的弹窗,再次打开显示表单验证提示

    打开弹窗,没有填写任何信息,点击保存按钮,触发了表单的验证提示,没有进行任何操作,点击【关闭按钮】或者【取消按钮】关闭弹窗,再次打开弹窗,仍然显示表单的验证提示信息,   解决方法: 给el-dialog添加@close事件,给取消按钮添加点击事件,在事件中对表单进

    2024年02月15日
    浏览(40)
  • uniApp微信小程序唤出授权头像昵称(微信授权登录)弹窗,及服务端用户信息解密注意事项

    头像昵称弹窗弹出条件:button授权按钮 + uni.getUserProfile API请求 1.H5部分 2.JS部分 注意事项: 不能嵌入其他API内调用,一定要在调用的方法中第一层执行(优先执行 uni.getUserProfile ) 正确做法 :必须第一步用户点击按钮,第二步调取 uni.getUserProfile API(调取 uni.getUserProfile 操作

    2024年02月11日
    浏览(63)
  • 微信小程序弹窗提示:wx.showToast、wx.showModal、wx.showLoading的使用场景与实现

    使用场景 :常规的提示,没有确定和取消按钮。 例: 属性: title:提示的内容 icon:显示的图标,合法值有success、error、loading、none image:自定义图标的本地路径,优先级高于icon duration:提示的延迟时间 mask:是否显示透明蒙层,防止触摸穿透 success:API调用成功后的回调函

    2024年02月09日
    浏览(45)
  • 微信小程序接入用户隐私协议提示教程

    接入前须知 官方对接入隐私提示进行了操作步骤 1、 pc小程序 管理端 设置 用户保护指引设置 2、 对开启的保护指引 进行 填写 3、 查看官方示例 进行接入 官方用户授权事件说明 展示示例 第一步:熟悉这几个api 功能点 wx.getPrivacySetting 查询微信有待同意的隐私政策信息 (需

    2024年02月04日
    浏览(64)
  • 如何实现”系统可能不会保存您所做的更改”的弹窗提示

    在本文框输入内容,关闭页面或者刷新页面时会弹出提示“系统可能不会保存您所做的更改”: 谷歌浏览器效果: Safari浏览器效果:

    2024年02月07日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包