微信小程序中3种提示弹窗实现方法详解如何操作?

更新于
2026-09-29 19:27:42
0阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计340个文字,预计阅读时间需要2分钟。

微信小程序中3种提示弹窗实现方法详解如何操作?

1. 显示操作成功,文字上方会显示一个表示操作成功的图标。使用 wx.showToast 方法实现,代码如下:

微信小程序中3种提示弹窗实现方法详解如何操作?

javascriptwx.showToast({ title: '操作成功!', icon: 'success', duration: 1500});

1. 表示操作成功,文字上方会显示一个表示操作成功的图标。

wx.showToast({ title: '操作成功!', // 标题 icon: 'success', // 图标类型,默认success duration: 1500 // 提示窗停留时间,默认1500ms })

2.表示加载中,显示为加载中图标。

wx.showToast({ title: '加载中...', icon: 'loading', duration: 1500 })

3.不显示图标,一般用作提示。

wx.showToast({ title: '该功能未上线!', icon: 'none', duration: 1500 })

以上3种弹窗均使用wx.showToast接口,调用后会根据设定的duration停留一定时间。

阅读全文

本文共计340个文字,预计阅读时间需要2分钟。

微信小程序中3种提示弹窗实现方法详解如何操作?

1. 显示操作成功,文字上方会显示一个表示操作成功的图标。使用 wx.showToast 方法实现,代码如下:

微信小程序中3种提示弹窗实现方法详解如何操作?

javascriptwx.showToast({ title: '操作成功!', icon: 'success', duration: 1500});

1. 表示操作成功,文字上方会显示一个表示操作成功的图标。

wx.showToast({ title: '操作成功!', // 标题 icon: 'success', // 图标类型,默认success duration: 1500 // 提示窗停留时间,默认1500ms })

2.表示加载中,显示为加载中图标。

wx.showToast({ title: '加载中...', icon: 'loading', duration: 1500 })

3.不显示图标,一般用作提示。

wx.showToast({ title: '该功能未上线!', icon: 'none', duration: 1500 })

以上3种弹窗均使用wx.showToast接口,调用后会根据设定的duration停留一定时间。

阅读全文