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

官方toast組件只支持顯示success，loading兩種icon，因此需要一個更加個性化的toast組件。 此組件依賴於wepyjs v1.1.9+，如果沒有使用wepyjs，則可以使用原版toast組件。

安裝組件

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