微信小程序之几种常见的弹框提示信息实现详解

来源:脚本之家  责任编辑:小易  

一、模态窗口

 delete(){
  wx.showModal({
   title: '',
   content: '是否确认删除',
   success(res) {
    if (res.confirm) {
     console.log('用户点击确定')
    } else if (res.cancel) {
     console.log('用户点击取消')
    }
   }
  })
 }

二、提示你想提示的信息

提示你想提示的信息

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

注意

三、显示 loading 提示框

wx.showLoading({
 title: '加载中',
})

setTimeout(function () {
 wx.hideLoading()
}, 2000)

四、 wx.showActionSheet(OBJECT)

wx.showActionSheet({
 itemList: ['A', 'B', 'C'],
 success: function(res) {
  console.log(res.tapIndex)
 },
 fail: function(res) {
  console.log(res.errMsg)
 }
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:


  • 本文相关:
  • 微信小程序开发之实现自定义toast弹框
  • 微信小程序开发之toast等弹框提示使用教程
  • 微信小程序 弹框和模态框实现代码
  • 微信小程序 modal弹框组件详解
  • 微信小程序的开发范式beautywe.js入门详解
  • 微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
  • 微信小程序在ios下echarts图表不能滑动的问题解决
  • 微信小程序自定义弹窗实现详解(可通用)
  • 概述如何实现一个简单的浏览器端js模块加载器
  • table冻结表头示例代码
  • 给moz-firefox下添加ie方法和属性
  • js实现复制内容到剪贴板功能
  • js压缩利器
  • javascript检查浏览器是否支持flash的实现代码
  • 用javascript实现sleep暂停功能代码
  • 实现无刷新联动例子汇总
  • jquery,extjs,yui,prototype,dojo 等js框架的区别和应用场景简述
  • javascript基本数据类型及值类型和引用类型
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved