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

第一种：弹出提示框，可以选择确定或者取消。
代码：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//持续的时间})

效果图

第五种：弹窗提示选择，例如选择ABCD那种
代码：
wx.showActionSheet({itemList: ['A', 'B', 'C'],success: function (res) {if (!res.cancel) {console.log(res.tapIndex)//这里是点击了那个按钮的下标}}})

第六种：多用于页面提示加载中
代码：
<loading hidden="{{hidden}}">加载中...
</loading>
hidden有两个值：false和true

效果图

加载中wx.showLoading({title: '加载中...',})
手动关闭加载中wx.hideLoading();

效果图

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

微信小程序几种常用弹窗提示方法
1.提示文字可以设置显示时间(仅提示时使用)duration设置时间不显示icon,此时 title文字最多可显示两行也可以显示icon,显示icon文字最多显示 7 个汉字长度 icon常用的 ...
微信小程序-全局倒计时+全局弹窗提示
需求描述 1.在计时页面中点击[开始]按钮开始倒计时,当退出该页面时计时仍然继续 2.计时结束后,弹出提示(无论当前处于哪个页面) 最终效果代码一.全局定义 1.app.json:加上下面这个 & ...
微信分销商城小程序几种常用开发方法
一.微信分销商城小程序几种常用开发方法 1.自主开发这种方式是很多企业考虑的,但这种开发方式的前提是有自己的开发团队或重新组建开发团队.无论是重组自己的开发团队还是有自己开发团队,功能要求.前后端开 ...
微信小程序入门之常用组件(04)
常见组件重点讲解微信小程序中常见的布局组件 view,text,rich-text,button,image,navigator,icon,swiper, radio,checkbox 等一.vi ...
微信小程序 Notes ｜常用开发事例（五）基于云平台导出 Excel
历史文章回顾: 微信小程序 | 开发常用事例(一) 微信小程序 | 开发常用事例(二) 微信小程序 Notes | 开发常用事例(三) 微信小程序 Notes | 开发常用事例(四) 一.前言最近一 ...
微信小程序自动检测版本并提示更新新版本
微信小程序自动检测版本并提示更新新版本微信小程序开发过程中,我们在版本更新迭代后,微信小程序客户端并不能触发自动更新,需要用户手动清理小程序后重新搜索进入后才能获取到最新的小程序版本,但是这个是用户 ...
微信小程序之自定义模态弹窗（带动画）实例
代码地址如下: http://www.demodashi.com/demo/13991.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
微信小程序四种父子相互传值方式
微信小程序四种父子相互传值方式 1. 绑定自定义属性(父传子),触发自定义方法 (子传父) 原生微信小程序+uni-app都可以实现父组件: <template><view cla ...
微信小程序云开发——常用功能2：操作云数据库一键批量导入数据（导入json文件）
微信小程序云开发--常用功能2:操作云数据库一键批量导入数据(导入json文件) 今天我们要添加100条数据.下面的过程是先创建一条记录,然后导出这条数据看json文件中是如何编辑字段的,然后仿照这个 ...

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

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

最新文章

热门文章