微信小程序之showToast（消息框类型）

港控/mmm° 2023-10-04 15:23 18阅读 0赞

### 微信小程序API之showToast（消息框类型） ###

wxml：

<button bindtap="ts01">消息提示01</button>
    
    <button bindtap="ts02">消息提示02</button>
    
    <button bindtap="ts03">消息提示03</button>
    
    <button bindtap="ts04">消息提示04</button>

js:

Page({
        
    
        data: {
        
    
        },
        ts01:function () {
        
            wx.showToast({
        
              title: '订购成功！',
              icon:"success",
              duration:2000
            })
            
        },
        ts02:function () {
        
            wx.showToast({
        
              title: '订购成功！',
              icon:"loading",
              duration:2000
            })
            
        },
        ts03:function () {
        
            wx.showToast({
        
              title: '订购成功！',
              icon:"none",
              duration:2000
            })
            
        },
        ts04:function () {
        
            wx.showToast({
        
              title: '订购成功！',
              image:"https://i02piccdn.sogoucdn.com/1cd3f9780acc6e81",
              duration:2000
            })
            
        },
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

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

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

刺骨的言语ヽ痛彻心扉/ 2024年02月19日 19:19/ 0 赞/ 49 阅读

相关微信小程序之showToast（消息框类型）

微信小程序API之showToast（消息框类型） wxml： <button bindtap="ts01">消息提示01</button>

港控/mmm°/ 2023年10月04日 15:23/ 0 赞/ 19 阅读

相关微信小程序-小程序订阅消息（四）

一、小程序订阅消息 [小程序订阅消息 | 微信开放文档][Link 1] 功能介绍消息能力是小程序能力中的重要组成，我们为开发者提供了订阅消息能力，以便实现服务

墨蓝/ 2023年09月25日 20:03/ 0 赞/ 71 阅读

相关微信小程序订阅消息

/ 获取小程序订阅消息权限 / auth() { let that = this; wx.requestSubscribeMessa

淡淡的烟草味﹌/ 2022年11月16日 01:28/ 0 赞/ 250 阅读

相关微信小程序的提示框 showToast 和 showLoading

用户操作得到即时反馈，这是很好的用户体验，所以我们经常会使用提示框来反馈一些简短信息。提示框显示后，通常自己关闭，对用户的打扰降到最低。下面简单对比一下常用两个显示对话框方式：

小灰灰/ 2022年05月23日 22:16/ 0 赞/ 822 阅读

相关微信小程序-wx.showToast自定义显示图片

提示错误，自定义图片 wx.showToast({ title: '保存失败', image: '../image/error.p

曾经终败给现在/ 2022年03月11日 07:42/ 0 赞/ 660 阅读

相关微信小程序实现消息框弹出动画

js： Page({ data: { showModalStatus: false }, powerDrawer: func

系统管理员/ 2021年12月12日 19:57/ 0 赞/ 424 阅读

相关微信小程序-模板消息

基于微信的通知渠道，微信为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供更佳的体验。（微信6.5.2及以上版本支持模板功能。低于该版本将无法收到模板消息。

快来打我*/ 2021年12月09日 16:53/ 0 赞/ 402 阅读

相关微信小程序搜索框组件之SearchBar

index.wxml  <view class="wrapper"> <slot></slot>

╰半橙微兮°/ 2021年10月19日 07:31/ 0 赞/ 1142 阅读

相关【微信小程序】微信小程序掉进的坑之模板消息

一、关于formId 在小程序开发文档中我们可以了解到发送模板消息需要以下参数: ![这里写图片描述][SouthEast] 在form\_id参数中，我选择了使用

缺乏、安全感/ 2021年09月26日 06:18/ 0 赞/ 478 阅读