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

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

微信截图_20181129171349.png

安装组件

npm install wepy-com-toast --save

引入组件

// index.wpy
<template>
  <button @tap="toast" size="mini">第三方组件</button>
</template>
<script>
    import wepy from 'wepy';
    import Toast from 'wepy-com-toast';

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

调用方法

methods = {
  toast () {
    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');
    });
  }
}

官网https://github.com/wepyjs/wepy-com-toast