@retailwe/ui-toast v0.0.22

toast 轻提示

引入

全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

// app.json 或 index.json
"usingComponents": {
  "wr-toast": "@retailwe/ui-toast/index"
}

代码演示

基础用法

通用 toast 一些信息文字提示

<button bindtap="handleTap">出来吧，toast!!</button> <wr-toast id="wr-toast" />

Page({
  data: {},
  handleTap(e) {
    const { index } = e.currentTarget.dataset;
    const toast = this.selectComponent(`#wr-toast`);
    toast.show({
      icon: 'success',
      text: 'toast内容'
      zIndex: 100,
      duration: 2000,
    });
  },
});

使用 core/toast.ts

通用 toast 一些信息文字提示

<button bindtap="handleTap">出来吧，toast!!</button> <wr-toast id="wr-toast" />

import Toast from '你的路径/core/base/helpers/toast';
Page({
  data: {},
  handleTap(e) {
    Toast({
      context: this,
      selector: '#wr-toast',
      text: 'toast内容',
    });
  },
});

API

wr-toast Props