目录

微信小程序-界面提示框和消息

一.Loading加载框

小程序提供了wx.showLoading用来在加载界面的时候使用,比如加载图片和数据的时候可以使用。

常常和wx.hideLoading()配合使用,否则加载框一直存在。

其效果如下:

代码如下:

复制代码
    //显示加载消息
    wx.showLoading({
      //提示内容不会换行,注意字数
      title: '数据加载...',
      //是否透明蒙层,防止触摸穿透
      mask:true
    })

        //关掉loading提示框,和showLoading连用
        wx.hideLoading()

二.模态对话框和消息提示框

模态对话框:wx.showModal 用来展示和用户的对话,比如是否删除,是否修改等。

消息提示框:wx.showToast 用来和模态对话框配合使用,比如删除成功,删除失败等。

模态对话框效果:

代码:

复制代码
    const {confirm} = await wx.showModal({
      title: '提示',
      content: '是否删除?'
      // complete: (res) => {
      //   if (res.cancel) {
          
      //   }
    
      //   if (res.confirm) {
          
      //   }
      // }
    })

消息对话框效果:

代码:

复制代码
      //显示消息提示框
       wx.showToast({
         title: '成功',
         icon:'none',
         duration:2000
       })
本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
雅致教育4 小时前
基于微信小程序的生签到系统设计与实现
微信小程序·小程序
说私域6 小时前
数字化转型中的开源AI智能客服与S2B2C商城小程序的融合创新
人工智能·小程序·开源·零售
转角羊儿15 小时前
微信小程序—路由
微信小程序·小程序
橘猫云计算机设计1 天前
基于springboot放松音乐在线播放系统(源码+lw+部署文档+讲解),源码可白嫖!
android·java·spring boot·后端·spring·微信小程序·毕业设计
七公子771 天前
微信小程序常见问题记录合集
前端·微信小程序
DreamByte1 天前
Python菜鸟教程(小程序)
开发语言·python·小程序
大叔_爱编程1 天前
wx206基于ssm+vue+uniapp的优购电商小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
凡科网小帆1 天前
宠物店小程序怎么做?助力实体店实现营销突破
小程序·小程序制作·宠物店小程序
T - mars2 天前
python爬虫:小程序逆向实战教程
小程序