封装思路:
-
创建一个
toast
方法对wx.showToast()
方法进行封装 -
调用该方法时,传递对象作为参数
-
如果没有传递任何参数,设置一个空对象
{}
作为默认参数 -
从对象中包含
title
、icon
、duration
、mask
参数,并给参数设置默认值
-
-
在需要显示弹出框的时候调用
toast
方法,并传入相关的参数,有两种参数方式:-
不传递参数,使用默认参值
-
传入部分参数,覆盖默认的参数
-
调用方式:
新封装的模块,我们希望有两种调用的方式:
-
模块化的方式导入使用
import { toast } from './extendApi' toast() toast({ title: '数据加载失败....', mask: true })
-
将封装的模块挂载到
wx
全局对象身上wx.toast() wx.toast({ title: '数据加载失败....', mask: true })
实现步骤:
-
在
utils
目录下新建extendApi.js
文件 -
对
wx.showToast()
方法进行封装
模块化的方式导入使用
utils/extendApi.js
app.js
将封装的模块挂载到 wx
全局对象身上