微信小程序组件：toast显示消息提示框解读和分析

工具库

toast显示消息提提示框组件说明:

Toast是当用户点击某些组件时弹出来来的提示消息。Toast会帮助你创建和显示这些消息。Toast是一种简易的消息提示框。当视图显示给用户，在应用程序中显示为浮动。小程序即将废弃Toast组件，故这里介绍Toast的API：wx.showToast

toast显示消息提示框组件的示例代码运行效果如下：

下面是WXML代码：

  Toast功能

下面是JS代码：

Page({  showToast:function(){    var that=this;    wx.showToast({      title: '成功',      icon: 'success',      duration: 2000,      success: that.flySuccess,      fail:that.flyFail,      complete:that.flyComplete    })  },  hideToast:function(){    var that=this;    wx.showToast({      title: '加载中',      icon: 'loading',      duration: 10000,      success: that.loadingSuccess,      fail:that.loadingFail,      complete:that.loadingComplete    });    setTimeout(function(){      wx.hideToast()    },2000)  },

下面是WXSS代码：

/**index.下面是WXSS代码：**/.con-button{  display: flex;  flex-direction: row;  padding-top: 10%;}.showfunc{  padding-top:10%;  display: block;  text-align: center;  color: green;}

以上就是微信小程序组件：toast显示消息提示框解读和分析的详细内容，更多请关注第一PHP社区其它相关文章！

上一篇：微信小程序组件解读和分析之input输入框

下一篇：微信小程序组件：action-sheet显示操作菜单解读和分析