微信小程序 wepyjs 第三方toast组件

说明

官方toast组件只支持显示success，loading两种icon，因此需要一个更加个性化的toast组件。 此组件依赖于wepyjs，如果没有使用wepyjs，则可以使用原版toast组件。

使用

安装组件

npm install wepy-com-toast --save

引入组件

// index.wpy
<template>
    <component id="toast"></component>
</template>
<script>
    import wepy from 'wepy';
    import Toast from 'wepy-com-toast';

    export default class Index extends wepy.page {
        components = {
            toast: Toast
        };
    }
</script>

调用方法

let promise = this.$invoke('toast', 'show', {
    title: '自定义标题',
    img: 'https://raw.githubusercontent.com/kiinlam/wetoast/master/images/star.png',
});

promise.then((d) => {
    console.log('toast done');
});

更多说明

参考原版插件。