微信小程序提示工具类

最新推荐文章于 2024-02-05 16:35:00 发布

Valar Morgulish

最新推荐文章于 2024-02-05 16:35:00 发布

阅读量365

点赞数 1

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

本文链接：https://blog.csdn.net/mydad353193052/article/details/120180486

版权

本文介绍如何封装微信小程序的wx.showToast方法，以实现不同类型的提示，包括成功、失败、加载中和自定义文字信息。提供的代码示例可直接用于小程序开发，辅助提升用户体验。同时鼓励读者点赞支持。

摘要由CSDN通过智能技术生成

想封装wx.showToast，做到可以提示不同信息。
提示成功信息，失败信息，加载中信息，文字信息。

代码如下：

/**
 * 文字提示框
 * @param {!string} title 标题
 * @param {?Function=} cb 提示框消失时的回调函数
 * @param {?number=} seconds 提示框持续的时间，单位（秒）
 */
function showTextToast(title, cb, seconds, mask = true) {
  showToast({
      title: title,
      icon: 'none',
      mask: mask,
      callback: cb,
      seconds: seconds
  })
}

/**
* 加载提示框
* @param {!string} title 标题
* @param {?Function=} cb 提示框消失时的回调函数
* @param {?number=} seconds 提示框持续的时间，单位（秒）
*/
function showLoadingToast(title, cb, seconds) {
  showToast({
      title: title,
      icon: 'loading',
      mask: true,
      callback: cb,
      seconds: seconds
  })
}

/**
* 成功提示框
* @param {!string} title 标题
* @param {?Function=} cb 提示框消失时的回调函数
* @param {?number=} seconds 提示框持续的时间&#x