消息提示模块封装

封装思路：

1. 创建一个 toast 方法对 wx.showToast() 方法进行封装

2. 调用该方法时，传递对象作为参数

   • 如果没有传递任何参数，设置一个空对象 {} 作为默认参数

   • 从对象中包含 title、icon、duration、mask 参数，并给参数设置默认值

3. 在需要显示弹出框的时候调用 toast 方法，并传入相关的参数，有两种参数方式：

   • 不传递参数，使用默认参值

   • 传入部分参数，覆盖默认的参数

调用方式：

新封装的模块，我们希望有两种调用的方式：

1. 模块化的方式导入使用

   import { toast } from './extendApi'
   ​
   toast()
   toast({ title: '数据加载失败....', mask: true })

2. 将封装的模块挂载到 wx 全局对象身上

   wx.toast()
   wx.toast({ title: '数据加载失败....', mask: true })

实现步骤：

1. 在 utils 目录下新建 extendApi.js 文件

2. 对 wx.showToast() 方法进行封装

模块化的方式导入使用

utils/extendApi.js

app.js

将封装的模块挂载到 wx 全局对象身上