效果图

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