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

版权声明:黄菊华 https://blog.csdn.net/u013818205/article/details/88656035

效果图
在这里插入图片描述

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
界面-交互-wx.showToast

猜你喜欢

转载自blog.csdn.net/u013818205/article/details/88656035