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

一.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
       })
相关推荐
小白_ysf4 分钟前
uniapp 开发微信小程序,获取经纬度并且转化详细地址(单独封装版本)
微信小程序·uni-app
weixin_lynhgworld5 小时前
剧本杀小程序系统开发:构建剧本杀社交新生态
小程序
说私域5 小时前
基于定制开发开源 AI 智能名片 S2B2C 商城小程序的热点与人工下发策略研究
人工智能·小程序
weixin_lynhgworld5 小时前
陪诊小程序系统开发:让就医不再是一件难事
小程序
是一碗螺丝粉19 小时前
拯救你的app/小程序审核!一套完美避开审核封禁的URL黑名单机制
前端·javascript·微信小程序
weixin_lynhgworld1 天前
盲盒抽谷机小程序系统开发:从0到1的完整方法论
小程序
weixin_lynhgworld1 天前
短剧小程序系统开发:赋能创作者,推动短剧艺术创新发展
小程序
一匹电信狗1 天前
【C++】异常详解(万字解读)
服务器·c++·算法·leetcode·小程序·stl·visual studio
我叫黑大帅1 天前
微信小程序分包:告别加载慢,像拆快递一样简单!
前端·微信小程序
两个月菜鸟1 天前
vue+微信小程序 五角星
前端·vue.js·微信小程序