微信小程序常用的3种提示弹窗实现详解

  

<强> 1。表示操作成功,文字上方会显示一个表示操作成功的图标。

  

微信小程序常用的3种提示弹窗实现详解

        wx.showToast ({   标题:“操作成功! ',//标题   图标:'成功',//图标类型,默认成功   持续时间:1500//提示窗停留时间,默认1500 ms   })      

<强> 2。表示加载中,显示为加载中图标。

  

微信小程序常用的3种提示弹窗实现详解

        wx.showToast ({   标题:“加载中……”   图标:“加载”,   持续时间:1500   })      

<强> 3。不显示图标,一般用作提示。

  

微信小程序常用的3种提示弹窗实现详解

        wx.showToast ({   标题:“该功能未上线!’,   图标:“没有”,   持续时间:1500   })      

以上3种弹窗均使用wx.showToast接口,调用后会根据设定的时间停留一定时间。

  

此外,表示加载中的弹窗还可以使用wx.showLoading接口,但调用该接口时弹窗并不会自动消失,而是需要手动调用wx.hideLoading接口使弹窗消失。

     //开始加载数据   wx.showLoading ({   标题:“加载中”,   })//数据加载中……//数据加载中……//数据加载完成,隐藏弹窗   wx.hideLoading ()      

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

微信小程序常用的3种提示弹窗实现详解