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 中的一个
本文介绍了一款名为WeToast的小程序插件的使用方法,包括下载、集成步骤及如何在项目中调用显示提示信息。该插件支持自定义图片、提示文字样式等,并提供了丰富的回调函数。
694

被折叠的 条评论
为什么被折叠?



