1. 含有确定、取消按钮

wx.showModal({title: '弹窗题目',content: '显示内容区域',success: function (res) {if (res.confirm) {console.log('点击确定')//点击确定事件} else {console.log('点击取消')//点击取消事件}}
})

2.直接显示成功图标

wx.showToast({title: '操作成功',icon: 'success',//图标,支持"success"、"loading"、"none"duration: 2000//设置的持续时间
})

3. 显示加载中…

wx.showToast({title: '加载中...',icon: 'loading',//图标,支持"success"、"loading"、"none"duration: 2000//设置的持续时间
})

4. 文字提示

wx.showToast({title: '文字提示(字数没有限制)',icon: 'none',//图标,支持"success"、"loading"、"none"duration: 2000//设置的持续时间
})

5. 弹窗选择

wx.showActionSheet({itemList: ['1', '2', '3'],success: function (res) {if (!res.cancel) {console.log(res.tapIndex)//点击选择按钮,打印}}
})

6. 加载中开启与关闭

wx.showLoading({//加载中开始title: '加载中...',
})
setTimeout(function () {//限时关闭wx.hideLoading();//加载中关闭
}, 2000);

总结借鉴链接:https://blog.csdn.net/qq_43248623/article/details/106421617?

微信小程序弹框种类汇总相关推荐

  1. 微信小程序弹框禁止下面的页面滚动

    一句话搞定: catchtouchmove="true" <view class="mark" wx:if='{{show}}' catchtouchmo ...

  2. 微信小程序弹框组件封装

    popup组件,居中和底部弹起 1.popup.wxml <view class="popup-common fade-in-linear-enter-active {{ flag ? ...

  3. 微信小程序提示框提示

    微信小程序提示框很常见,有的项目弹出提示选择关闭的时候需要不再弹出,清理缓存的时候才弹出. var s = wx.getStorageSync('sh')if (s == '') {// s= tru ...

  4. 微信小程序抓包方法汇总

    前言 ios端和mac用户可以忽略以下内容,本文针对于windows端和android端的微信无法抓取小程序数据包提出相关解决方案. 分析 Android7. 0及以上的系统中,每个应用可以定义自己的 ...

  5. 微信小程序最新开发资源汇总,对学习微信小程序的新手有一定帮助

    微信小程序最新开发资源汇总,希望给想学习或正在学习微信小程序开发的同学们带来一定帮助,汇总的小程序资源有点繁杂,各种类型的小程序demo都有,大家可以选择自己想要的demo进行下载学习.这些微信小程序 ...

  6. 微信小程序wepy框架资源汇总

    微信小程序wepy开发资源汇总 ! wepy官方仓库 wepy官方文档 开源项目 wepy-wechat-demo:基于wepy开发的仿微信聊天界面小程序 深大的树洞:基于wepy开发的树洞类微信小程 ...

  7. 微信小程序选择框问题 小程序picker点击显示object range-key=这里写要显示的字段

    微信小程序选择框问题 小程序picker点击显示object range-key="这里写要显示的字段" <picker bindchange="bindClass ...

  8. ***腾讯云直播(含微信小程序直播)研究资料汇总-原创

    ***腾讯云直播(含微信小程序直播)研究资料汇总-原创 原文: ***腾讯云直播(含微信小程序直播)研究资料汇总-原创 这段时间抽空研究了下直播技术,综合比较了下腾讯云直播的技术和文档方面最齐全,现把 ...

  9. 微信小程序JS字符串操作方法汇总

    微信小程序JS字符串操作方法汇总 JS对字符串进行切割截取 1.函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: str="jpg|bmp|gif|ico| ...

  10. 微信小程序JS字符串操作方法汇总,包含切割截取split,合并字符串join,连接字符串concat,返回指定字符串charAt,提取字符串substring等

    微信小程序JS字符串操作方法汇总 JS对字符串进行切割截取 1.函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: str="jpg|bmp|gif|ico| ...

最新文章

  1. MindSpore模型推理
  2. 测试心得:微图书销售小程序
  3. 阿里P9:架构师最根本的差距是思维!
  4. JUC并发编程五 并发架构--Monitor工作原理
  5. Why Spring Boot
  6. #、%和$符号在OGNL表达式中的作用
  7. Node-Promise
  8. okhttp3.4.1+retrofit2.1.0实现离线缓存
  9. winpe加载raid_在winpe里添加raid驱动
  10. css3ps插件,css3ps插件
  11. 性能测试---影响性能的因素
  12. 广告是如何找到你的?
  13. pycharm打开长代码文件CPU占用率过高问题
  14. date_sub函数
  15. Java 获取文件的真实类型,修改后缀名也能识别出来
  16. Quartus Prime 软件 USB-blaster 驱动安装失败【已解决】
  17. plt.contour
  18. 推土距离, Wasserstein distance
  19. 【无人机】【2014.08】无人机国家的诞生:自1917年以来的美国无人机发展
  20. Windows Live Writer插件:在WLW中插入语法高亮代码(二)

热门文章

  1. sql语句日期格式转换
  2. 离散数学第7章欧拉图,哈密顿图
  3. 微信小程序图片上传并预览
  4. java是面向对象还是面向过程_Java面向对象编程和面向过程编程的区别
  5. ESP32-S3 USB UART 下载总结
  6. matlab 编写雷达波形,雷达信号处理+Matlab程序
  7. 程序员的macOS系列:精选Mac App
  8. 金山词霸2009牛津版完整破解版+绿色精简版下载
  9. 手把手教你微信小程序开发
  10. 人人商城小程序消息服务器配置,如何设置小程序模板消息?