微信小程序api视频课程-界面-交互-wx.showToast 消息提示框的使用

时间:2019-03-19
本文章向大家介绍微信小程序api视频课程-界面-交互-wx.showToast 消息提示框的使用,主要包括微信小程序api视频课程-界面-交互-wx.showToast 消息提示框的使用使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

效果图

wxml代码

wx.showToast(Object object)
显示消息提示框

<button bindtap="ts01">消息提示框01</button>

<button bindtap="ts02">消息提示框02</button>

<button bindtap="ts03">消息提示框03</button>

<button bindtap="ts04">消息提示框04</button>

js代码

 /**
   * 页面的初始数据
   */
  data: {

  },
  ts01:function(){
    wx.showToast({
      title: '提示01',
      icon:"success",
      duration:3000
    })
  },
  ts02: function () {
    wx.showToast({
      title: '提示02',
      icon: "loading",
      duration: 2000
    })
  },
  ts03: function () {
    wx.showToast({
      title: '提示03',
      icon: "none",
      duration: 2000
    })
  },
  ts04: function () {
    wx.showToast({
      title: '提示04',
      image:"/images/b-on.png",
      duration: 2000
    })
  },  

欢迎大家收看我的视频教程:微信小程序常用API使用
https://edu.csdn.net/course/detail/16194