微信小程序 wepyjs 第三方toast-for-icon-font组件

说明

官方toast组件只支持显示success，loading两种icon，因此需要一个更加个性化的toast组件。 npm一些组件包只支持图片又不支持iconFont的形式 此组件依赖于wepyjs，如果没有使用wepyjs将无法使用

使用

安装组件

npm install toast-for-icon-font --save

引入组件

// index.wpy
<template>
    <Toast/>
</template>
<script>
    import wepy from 'wepy';
    import Toast from 'toast-for-icon-font';

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

调用方法

this.$invoke('toast', 'show', {
    title: '自定义标题',
    icon: 'icon-wrong'
});

更多说明

参考插件。