微信小程序几种常用弹窗提示方法

1.提示文字

可以设置显示时间（仅提示时使用）duration设置时间

不显示icon，此时 title文字最多可显示两行

也可以显示icon，显示icon文字最多显示 7 个汉字长度

icon常用的有：success、error、loading

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

示例图片

2.模态对话框

可以确认和关闭

wx.showModal({title: '提示',content: '确定要取消订单吗?',success (res) {if (res.confirm) {//这里是点击确认执行事件} else if (res.cancel) {//这里是点击取消执行事件}}
})

如图

3.loading 提示框

显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框

注意：wx.showLoading 和 wx.showToast 同时只能显示一个

wx.showLoading({title: '加载中',
})setTimeout(function () {wx.hideLoading()
}, 2000)

如图：

4.行选择弹窗

itemList数组所对应的选项

wx.showActionSheet({itemList:['A', 'B', 'C'], success: (res) => {switch(res.tapIndex) {case 0:console.log('a')break;case 1:console.log('b')break;  case 2:console.log('c')break;}},fail (res) {console.log('取消')}
})

如图

微信小程序文档地址：wx.showToast(Object object) | 微信开放文档

微信小程序几种常用弹窗提示方法相关推荐

微信小程序几种常用弹窗提示
第一种:弹出提示框,可以选择确定或者取消. 代码:wx.showModal({title: '提示',content: '这是一个模态弹窗',success: function (res) {if ( ...
微信小程序-全局倒计时+全局弹窗提示
需求描述 1.在计时页面中点击[开始]按钮开始倒计时,当退出该页面时计时仍然继续 2.计时结束后,弹出提示(无论当前处于哪个页面) 最终效果代码一.全局定义 1.app.json:加上下面这个 & ...
微信分销商城小程序几种常用开发方法
一.微信分销商城小程序几种常用开发方法 1.自主开发这种方式是很多企业考虑的,但这种开发方式的前提是有自己的开发团队或重新组建开发团队.无论是重组自己的开发团队还是有自己开发团队,功能要求.前后端开 ...
微信小程序入门之常用组件(04)
常见组件重点讲解微信小程序中常见的布局组件 view,text,rich-text,button,image,navigator,icon,swiper, radio,checkbox 等一.vi ...
微信小程序 Notes ｜常用开发事例（五）基于云平台导出 Excel
历史文章回顾: 微信小程序 | 开发常用事例(一) 微信小程序 | 开发常用事例(二) 微信小程序 Notes | 开发常用事例(三) 微信小程序 Notes | 开发常用事例(四) 一.前言最近一 ...
微信小程序点击按钮弹出弹窗_微信小程序开发弹出框实现方法
本文主要和大家分享微信小程序开发弹出框实现方法,本文所分享的代码很清晰,希望能帮助到大家. 消息提示框模态弹窗操作菜单 1.消息提示--wx.showToast(OBJECT) //show.js ...
微信小程序自动检测版本并提示更新新版本
微信小程序自动检测版本并提示更新新版本微信小程序开发过程中,我们在版本更新迭代后,微信小程序客户端并不能触发自动更新,需要用户手动清理小程序后重新搜索进入后才能获取到最新的小程序版本,但是这个是用户 ...
微信小程序之自定义模态弹窗（带动画）实例
代码地址如下: http://www.demodashi.com/demo/13991.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
微信小程序四种父子相互传值方式
微信小程序四种父子相互传值方式 1. 绑定自定义属性(父传子),触发自定义方法 (子传父) 原生微信小程序+uni-app都可以实现父组件: <template><view cla ...

微信小程序几种常用弹窗提示方法

微信小程序几种常用弹窗提示方法相关推荐

最新文章

热门文章