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

[复制链接]
hyt_xcx手机认证 实名认证 视频认证 发表于 2017-1-24 13:32:47 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
说  明
官方toast组件只支持显示success,loading两种icon,因此需要一个更加个性化的toast组件。 此组件依赖于wepyjs v1.1.9+,如果没有使用wepyjs,则可以使用原版toast组件。
使用安装组件
  1. npm install
复制代码

1.jpg

引入组件
  1. // index.wpy
  2. <template>
  3.     <component id="toast"></component>
  4. </template>
  5. <script>
  6.     import wepy from 'wepy';
  7.     import Toast from 'wepy-com-toast';

  8.     export default class Index extends wepy.page {
  9.         components = {
  10.             toast: Toast
  11.         };
  12.     }
  13. </script>
复制代码


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

  5. promise.then((d) => {
  6.     console.log('toast done');
  7. });
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

专注源码分享,教程分享
全国服务电话

187-8198-7163

周一至周8:00-22:00

反馈建议

cdhaoyt@163.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.( 蜀ICP备16032957号-1