一、wx.showToast(Object object)

显示消息提示框

  wx.showToast({title: '内容', //提示的内容duration: 2000, //持续的时间icon: 'loading', //图标有success、error、loading、none四种mask: true //显示透明蒙层 防止触摸穿透})

示例：

二、wx.showModal(Object object)

显示模态对话框

  wx.showModal({title: '我是标题', //提示的标题content: '我是内容', //提示的内容success: function(res) {if(res.confirm) {console.log('用户点击了确定')} else if (res.cancel) {console.log('用户点击了取消')}}})

示例：

三、wx.showLoading(Object object)

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

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

示例：

注意：

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

wx.showLoading 应与 wx.hideLoading 配对使用

四、wx.showActionSheet(Object object)

显示操作菜单

 wx.showActionSheet({itemList:['选项一','选项二','其它'], //文字数组success: (res) => {switch(res.tapIndex) {case 0:console.log('点击了 选项一')break;case 1:console.log('点击了 选项二')break;    case 2:console.log('点击了 其它选项')break;}},fail (res) {console.log('取消选项')}})

示例：

五、官方文档

具体参数可见官网：微信小程序弹窗

微信小程序四种弹窗方式相关推荐

微信小程序四种父子相互传值方式
微信小程序四种父子相互传值方式 1. 绑定自定义属性(父传子),触发自定义方法 (子传父) 原生微信小程序+uni-app都可以实现父组件: <template><view cla ...
微信小程序四种json配置文件详解
知识点: app.json配置文件 project.config.json配置文件 sitemap.json配置文件页面文件夹中的.json配置文件上片文章讲到微信小程序有四种json配置文件, ...
微信小程序退出按钮退出方式
微信小程序退出按钮退出方式 1,只能跳转到 tabBar配置的页面 wx.switchTab({url:''../xxx/xxx}) 2.返回上一级页面 (delta:返回的页面数,如果delta大于 ...
【微信小程序】自定义弹窗蒙版输入框效果图完整代码
[微信小程序]自定义弹窗文本输入框效果图&完整代码效果图在输入框中进行内容的输入点击确认后在姓名一栏进行更新修改点击返回后姓名一栏不做任何修改在这个的基础上你可以自定义任何弹窗 wx ...
微信小程序页面跳转方式+跳转小程序（直接复制代码可用）
一. 微信小程序跳转页面方法 1.跳转到 tabBar 页面 wx.switchTab({url: '/index' }) 2.跳转到其他页面(非tabBar页) //redirectTo方法(会关闭 ...
微信小程序自定义modal弹窗组件
微信小程序开发中官方自带的wx.showModal,这个弹窗 API有时候并不能满足我们的弹窗效果,所以往往需要自定义modal组件.下面我们进行一个自定义modal弹窗组件的开发,并进行组件的引用, ...
微信小程序苹果机弹窗闪退原因
最近使用uni.app开发了一个微信小程序,出现了一些问题,在此记录一下. 功能描述: 底部导航栏有首页.练习.我的三个按钮,在未登录情况下可以浏览首页.另外两个页面会弹出弹窗提示是否去登录,点击是则 ...
微信小程序align_微信小程序四色花瓣
效果展示 Demo代码 wxml <view class="loading-screen"> <view class="loading"> ...
微信小程序四（设置底部导航）
好了小程序的头部标题设置好了,我们来说说底部导航栏是如何实现的. 我们先来看个效果图这里,我们添加了三个导航图标,因为我们有三个页面,微信小程序最多能加5个. 那他们是怎么出现怎么着色的呢?两步 ...

微信小程序四种弹窗方式

微信小程序弹窗

一、wx.showToast(Object object)

二、wx.showModal(Object object)

三、wx.showLoading(Object object)

四、wx.showActionSheet(Object object)

五、官方文档

微信小程序四种弹窗方式相关推荐

最新文章

热门文章

微信小程序 四种弹窗方式

微信小程序弹窗

一、wx.showToast(Object object)

二 、wx.showModal(Object object)

三、wx.showLoading(Object object)

四、wx.showActionSheet(Object object)

五、官方文档

微信小程序 四种弹窗方式相关推荐

最新文章

热门文章

微信小程序四种弹窗方式

二、wx.showModal(Object object)

微信小程序四种弹窗方式相关推荐