微信小程序各种弹窗操作

微信小程序各种弹窗

1,纯文本提示
2,取消确认提示
3,成功提示
4,自定义图标弹窗
5,加载中提示 loading
6,带蒙层的弹窗
7,有列表弹窗
8,隐藏消息提示框
9,隐藏 loading 提示框

1,纯文本提示

wx.showToast({title: '123',icon: 'none',    //如果要纯文本，不要icon，将值设为'none'duration: 2000
})

2,取消确认提示

 wx.showModal({title: '123',content: '确认要删除该项吗？',success: function (res) {if (res.confirm) {  console.log('点击确认操作')} else {   console.log('点击取消操作')}}
})

3,成功提示

wx.showToast({title: '成功',icon: 'success',     //默认值是success,就算没有icon这个值duration: 2000,      //停留时间
})

4,自定义图标弹窗

 wx.showToast({title: '自定义',image: '../../image/icon.png',  //图片地址 image的优先级会高于iconduration: 2000
})

5,加载中提示 loading

wx.showLoading({title:'加载中...'
});
//需主动调用 wx.hideLoading() 才能关闭提示框

6,带蒙层的弹窗

wx.showToast({title: '带蒙层的弹窗',     duration: 2000,    mask:true    //是否有透明蒙层，默认为false 如果有透明蒙层，弹窗的期间不能点击文档内容
})

7,有列表弹窗

wx.showActionSheet({itemList: ['1a', '2a', '3a'],success: function (res) {console.log(res);}
})

8,隐藏消息提示框

wx.hideToast()

9,隐藏 loading 提示框

wx.hideLoading()

微信小程序各种弹窗操作相关推荐

小程序确定取消弹窗_浅析微信小程序modal弹窗关闭默认会执行cancel问题
在我们使用小程序的modal组件时候,有的时候会碰到一个问题,那就是弹框的关闭,我们并没有选择取消或确定,而是点击弹框之外的部分,这个时候弹框会关闭,按理来说不会触发取消和确定的绑定事件,但是有的时候 ...
html如何写微信弹窗,微信小程序自定义弹窗实现过程(附代码)_而已_前端开发者...
这篇文章主要介绍了微信小程序自定义弹窗实现过程(附代码),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下小程序官网里弹出框一般都是类似下面形式: ...
微信小程序云函数操作云数据库Mysql
微信小程序云函数操作云数据库Mysql 参考一参考二云函数是一段运行在云端的代码,无需管理服务器,在开发工具内编写.一键上传部署即可运行后端代码. 小程序内提供了专门用于云函数调用的 API.开发 ...
微信小程序操作mysql_微信小程序：数据库操作
原标题:微信小程序:数据库操作一.前提条件: 登录开发者工具软件,配置数据库数据集,操作如下: 打开云开发控制台添加集合User 二.定义函数: //增加新纪录到云数据库 onAdd: funct ...
PHP数组操作程序,微信小程序学习数组操作
前言相信在小程序推出公测之后,很多小伙伴都已经抓紧申请注册小程序了.在开发阶段中也碰到了很多的问题,例如wx.request数据请求不成功,在数组操作时,不知道如何往数组里push数据,input如 ...
使用微信小程序云空间操作云数据库
使用微信小程序云空间操作云数据库在微信开发工具中有个云空间,想必大家在开发的过程中应该都已经看见了. 一番下一步下一步操作后我们就能够使用这个云空间了,这个时候就可以根据基础的控制面板进行功能上的选 ...
微信小程序清空input操作，为啥要点2次才能清空？
微信小程序清空input操作,为啥要点2次才能清空? 点第一次失去焦点,点第二次input才被清空直接贴代码 <view class='searchCon'> <input typ ...
微信小程序——云函数操作数据库实现登录
在开发微信小程序时,使用传统的操作云数据库的方法有很多缺点,比如代码冗余不好维护修改,所以现在都是基于云函数来操作数据库或者其他逻辑.正好我在做一个集合商城.垃圾分类.后台系统的微信小程序模板,通过这 ...
微信小程序---实现弹窗效果
第一步:点击按钮触发弹窗事件 <button class="btn" bindtap="btn">按钮</button> *** css ...
记一次微信小程序云函数操作Mysql数据库
一.前因在制作课程设计的时候需简单地操作Mysql数据库使得小程序可以与其他端系统进行数据交互这时候问题来了,仅仅只是因为一个插入表的数据库操作就单独制作一个Servlet看似又有点浪费服务器资源 ...

微信小程序各种弹窗操作

微信小程序各种弹窗

1,纯文本提示

2,取消确认提示

3,成功提示

4,自定义图标弹窗

5,加载中提示 loading

6,带蒙层的弹窗

7,有列表弹窗

8,隐藏消息提示框

9,隐藏 loading 提示框

微信小程序各种弹窗操作相关推荐

最新文章

热门文章