@retailwe/ui-cart-empty v0.0.6

cart-empty 空购物车

引入

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

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

代码演示

基本用法

<wr-cart-empty bindbtnclick="onBtnClick"/>

import Toast from 'components/toast/src/toast';

Page({
  data: {
    cartGroupData: {
      isAllSelected: false,
      totalAmount: '19908',
      totalGoodsNum: 3,
      totalDiscountAmount: '3000',
    },
  },

  onBtnClick() {
    Toast({ text: '点击了逛一逛' });
  },
});

自定义图片/提示/按钮文案

<wr-cart-empty
  img-url="https://cdn-we-retail.ym.tencent.com/miniapp/goods/liveDetailCart@2x.png"
  btn-text="转一转"
  tip="购物车空空"
  bindbtnclick="onBtnClick"
/>

cart-empty Props

cart-empty Event