微信小程序 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'
});
更多说明
参考插件。