微信小程序消息提示框wx.showToast的应用

最新推荐文章于 2024-05-31 14:20:04 发布

L_melody

最新推荐文章于 2024-05-31 14:20:04 发布

阅读量683

点赞数

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/L_melody/article/details/107603656

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

// wxml 代码

<view bindtap="tishi1">消息提示框01</view>
<view bindtap="tishi2">消息提示框02</view>
<view bindtap="tishi3">消息提示框03</view>
<view bindtap="tishi4">消息提示框04</view>

// js文件

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

  },
  tishi1:function(){
    wx.showToast({
      title: '要显示的提示消息',
      icon:"success",
      duration:3000
    })
  },
  tishi2: function () {
    wx.showToast({
      title: '要显示的提示消息',
      icon: "loading",
      duration: 2000
    })
  },
  tishi3: function () {
    wx.showToast({
      title: '要显示的提示消息',
      icon: "none",
      duration: 2000
    })
  },
  tishi4: function () {
    wx.showToast({
      title: '要显示的提示消息',
      image:"要插入的图片路径",
      duration: 2000
    })
  },

微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html