微信小程序-wx.showToast

wx.showToast({  
  title: '成功',  
  icon: 'success',  
  duration: 2000  
})
wx.showToast({  
  title: '操作成功',  
  icon: 'success',  
  duration: 2000  
})
wx.showToast({  
  title: '加载中',  
  icon: 'loading',  
  duration: 10000  
})
wx.showToast({  
  title: '请注意',  
  icon: 'none',  
  duration: 2000  
})

参数说明

  • title:提示的内容(必填)。
  • icon:图标,可选值有 'success'、'loading'、'none'。'success' 表示成功,显示对号图标;'loading' 表示加载中,显示圆圈图标;'none' 则不显示图标。
  • image:自定义图标的本地路径,当 icon 参数为 'none' 时有效。
  • duration:提示的延迟时间,单位毫秒,默认 1500。
  • mask:是否显示透明蒙层,防止触摸穿透,默认 false。
  • success:接口调用成功的回调函数。
  • fail:接口调用失败的回调函数。
  • complete:接口调用结束的回调函数(调用成功、失败都会执行)。

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中的wx.showToast()是一个用于显示消息提示框的API。它接收一个对象作为参数,该对象包含了一些属性来配置提示框的样式和行为。其中,title属性是必填项,用于设置提示的内容。icon属性是非必填项,用于设置显示的图标,可选值有success、error、loading和none。duration属性用于设置提示的延迟时间。mask属性用于设置是否显示透明蒙层。success、fail和complete属性分别是接口调用成功、失败和结束时的回调函数。\[1\] 例如,在小程序的index.js文件中,可以使用wx.showToast()来显示不同的提示框。比如,通过设置icon为success,可以显示一个成功的提示框,设置icon为loading,可以显示一个加载中的提示框。\[2\] 需要注意的是,wx.showToast()的消息框会自动消失,不需要用户手动关闭。如果需要用户进行确认操作,可以使用wx.showModal()函数,该函数会显示一个带有确定和取消按钮的交互框。在回调函数success中,可以根据用户按下的按钮执行相应的操作。\[3\] #### 引用[.reference_title] - *1* [微信小程序中使用wx.showToast()进行界面交互](https://blog.csdn.net/qzw752890913/article/details/125632893)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序开发之——wx.showToast(OBJECT)的使用](https://blog.csdn.net/SundayAaron/article/details/53392431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [微信小程序:消息提示框(wx.showToast)和 交互提示框(wx.showModal)](https://blog.csdn.net/Caesar6666/article/details/105810633)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值