1、下载插件:https://github.com/kiinlam/wetoast/tree/master
2、解压后把src目录里的3个文件添加到自己的项目项目
3、使用:
1) 在项目的app.js
中引入wetoast.js
,其他页面都可用
let { WeToast } = require('src/wetoast.js') // 返回构造函数,变量名可自定义
App({
WeToast, // 后面可以通过app.WeToast访问
onLaunch: function () {
....
})
2)在项目的app.wxss
中引入wetoast.wxss
@import "src/wetoast.wxss";
3)引入WeToast模板结构
在xxx.wxml页面
<import src="../../src/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>
4)在xxx.js文件
const app = getApp();
let wetoast = new app.WeToast();
wetoast.toast({
title: 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA!',
duration: 1500
})
5、参数:
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
img | String | 可选* | 提示的图片,网络地址或base64 |
imgClassName | String | 否 | 自定义图片样式时使用的class |
imgMode | String | 否 | 参考小程序image组件mode属性 |
title | String | 可选* | 提示的内容 |
titleClassName | String | 否 | 自定义内容样式时使用的class |
duration | Number | 否 | 提示的持续时间,默认1500毫秒 |
success | Function | 否 | 提示即将隐藏时的回调函数 |
fail | Function | 否 | 调用过程抛出错误时的回调函数 |
complete | Function | 否 | 调用结束时的回调函数 |
可选表示至少设置 img
或 title
中的一个