小程序显示消息提示框wx.showToast

wx.showToast(Object object)

显示消息提示框

参数

Object object

属性类型默认值必填说明最低版本
titlestring提示的内容
iconstringsuccess图标
合法值说明
success显示成功图标,此时 title 文本最多显示 7 个汉字长度
error显示失败图标,此时 title 文本最多显示 7 个汉字长度
loading显示加载图标,此时 title 文本最多显示 7 个汉字长度
none不显示图标,此时 title 文本最多可显示两行,1.9.0及以上版本支持
imagestring自定义图标的本地路径,image 的优先级高于 icon1.1.0
durationnumber1500提示的延迟时间
maskbooleanfalse是否显示透明蒙层,防止触摸穿透
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)

示例代码

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

分类小程序界面UI相关推荐:

小程序显示消息提示框wx.showToast 小程序显示模态对话框 小程序显示 loading 提示框wx.showLoading 小程序底部弹窗wx.showActionSheet 小程序隐藏消息提示框wx.hideToast 小程序隐藏 loading 提示框wx.hideLoading 小程序返回对话框wx.enableAlertBeforeUnload 关闭小程序页面返回询问对话框wx.disableAlertBeforeUnload 小程序显示导航条加载动画wx.showNavigationBarLoading 小程序动态设置当前页面的标题wx.setNavigationBarTitle 小程序设置页面导航条颜色wx.setNavigationBarColor 小程序隐藏导航条加载动画wx.hideNavigationBarLoading 小程序隐藏返回首页按钮wx.hideHomeButton 小程序动态设置下拉背景字体、loading 图的样式wx.setBackgroundTextStyle 小程序动态设置窗口的背景色wx.setBackgroundColor 小程序tabBar右上角显示红点wx.showTabBarRedDot 小程序显示 tabBar wx.showTabBar 小程序动态设置 tabBar 的整体样式wx.setTabBarStyle 小程序动态设置 tabBar 某一项的内容wx.setTabBarItem 小程序tabBar右上角添加文本wx.setTabBarBadge 小程序移除 tabBar右上角的文本wx.removeTabBarBadge 小程序隐藏 tabBar的右上角的红点wx.hideTabBarRedDot 小程序隐藏 tabBar wx.hideTabBar 小程序动态加载网络字体 小程序停止当前页面下拉刷新wx.stopPullDownRefresh 小程序开始下拉刷新 小程序将页面滚动到目标位置wx.pageScrollTo 小程序增强 ScrollView 实例ScrollViewContext 小程序动态设置置顶栏文字内容wx.setTopBarText 小程序延迟执行wx.nextTick 小程序获取菜单按钮的布局位置wx.getMenuButtonBoundingClientRect 小程序设置窗口大小wx.setWindowSize 小程序监听窗口尺寸变化事件wx.onWindowResize 小程序取消监听窗口尺寸变化事件wx.offWindowResize