基于mpvue的简单弹窗组件mptoast使用详解

参数位置参数类型参数名称是否必填默认值其他说明1string显示文本是–如果第一个参数不是string或number类型

则会被当作对象来处理，也就是上面提到的另一种情况2stirng显示图标类型否–3种可选 ‘success’ , ‘error’ , ‘info’3number关闭时间否1500单位是毫秒ms,传其他格式（非number类型）会报错4string文本样式类名否–如果需要自定义显示的样式，请先定一个样式类

然后把类名传给该参数，定义类的时候

如果所有页面都使用这个类,必须定义为全局的

如果定义在scope作用域内的话

子组件不能复用父组件的样式。5stringicon样式类名否–同上，需要注意的是icon是包含在文本里面的

同上，需要注意的是icon是包含在文本里面的

以下代码是一个多个参数调用的简单实例

this.$mptoast('温馨提示', 'success', 2000)

二， 单个object对象

object对象参数的功能，其实跟上面多个参数的对应的功能是一样的，只是写法不同而已，我们直接看代码

this.$mptoast({
 text: '温馨提示',    // 显示文本
 icon:'success'     // 图标类型
 duration: 2000,    // 关闭时间
 textClass: 'my-class'  // 样式类名
 iconClass: 'icon-class' // 图标类名								 
 2/3   首页 上一页 1 2 3 下一页 尾页