为微信小程序设计的toast消息通知模块
存储到微信小程序的libs
目录,如:
$ cd weapp-project
$ mkdir libs && cd libs
$ git clone https://github.com/safe-dog/weToast.git
样式文件
weToast.wxss
我们在全局文件app.wxss
中加入如下代码即可:
@import "libs/weToast/weToast.wxss";
模版文件
weToast.wxml
在需要使用的页面中的wxml
文件的任意位置,插入如下代码即可:
<include src="../../libs/weToast/weToast.wxml" />
模块调用文件
weToast.js
这个需要在Page
页面中的onLoad
函数进行调用并初始化,初始化传递本身对象参数即可(this
):
// pages/toast/index.js
const weToast = require('../../libs/weToast/weToast.js');
var toast;
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
toast = new weToast(this);
toast.success('欢迎使用weToast!') ;
},
...
成功消息,青绿色
警告消息,橙黄色
提示信息,青蓝色
错误信息,姨妈红
单位:毫秒
toast.setDelay(2000)