Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

wx-toast

1.0.3 • Public • Published

微信小程序 Toast 管理工具

一个纯 JS 实现的工具库,用于解决微信小程序 showToast 和 showLoading 使用同一个单例,造成的冲突问题。

安装

npm install wx-toast --save

使用

  • 微信小程序原生
const WxToast = require('wx-toast');
 
// 实例化
// 建议仅实例化一次,然后挂载到全局
// 不然还是会造成混乱
// app.js
App({
    $toast: new WxToast(),
});
 
// 在页面中调用
Page({
    onReady: function() {
        // 显示 Toast
        getApp().$toast.showToast({
            title: 'Ready',
            icon: 'none',
        });
 
        // 显示 Loading
        const loadingKey = getApp().$toast.showLoading({
            title: '加载中...',
        });
 
        // 隐藏 Loading
        setTimeout(function() {
            getApp().$toast.hideLoading(loadingKey);
        }, 5000);
    },
});
  • UniApp
// 实例化
// app.vue
import WxToast from 'wx-toast';
 
export default {
    onLaunch() {
        getApp().globalData.$toast = new WxToast({
            showToast: uni.showToast,
            hideToast: uni.hideToast,
        });
    },
};
 
// 在页面中调用
export default {
    onLoad() {
        // 显示 Toast
        getApp().globalData.$toast.showToast({
            title: 'Ready',
            icon: 'none',
        });
 
        // 显示 Loading
        const loadingKey = getApp().globalData.$toast.showLoading({
            title: '加载中...',
        });
 
        // 隐藏 Loading
        setTimeout(function() {
            getApp().globalData.$toast.hideLoading(loadingKey);
        }, 5000);
    },
};

Todo

  • 支持单例模式
  • 基础模块

License

The MIT License (MIT)

Install

npm i wx-toast

DownloadsWeekly Downloads

4

Version

1.0.3

License

MIT

Unpacked Size

16.8 kB

Total Files

9

Last publish

Collaborators

  • avatar