收藏
评论

微信小程序通知提示模块

本组件为自用,暂未转换成小程序插件,后续再更新。

目前版本正常使用,欢迎您的star与pr!

weToast

为微信小程序设计的toast消息通知模块

安装

下载代码

存储到微信小程序的libs目录,如:

$ cd weapp-project
$ mkdir libs && cd libs
$ git clone https://github.com/safe-dog/weToast.git

引用代码

引用wxss

样式文件weToast.wxss

我们在全局文件app.wxss中加入如下代码即可:

@import "libs/weToast/weToast.wxss";

引用wxml

模版文件weToast.wxml

在需要使用的页面中的wxml文件的任意位置,插入如下代码即可:

<include src="../../libs/weToast/weToast.wxml" />

引用js

模块调用文件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!') ;
  },
  
  ...

使用

.success(content, title = '')

成功消息,青绿色

.warning(content, title = '')

警告消息,橙黄色

.info(content, title = '')

提示信息,青蓝色

.error(content, title = '')

错误信息,姨妈红

其他

设置卡片停留时间

单位:毫秒

toast.setDelay(2000)
收藏
登录 后发表内容