@retailwe/ui-submit-bar v0.0.12

cart-bar 购物车结算栏

引入

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

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

代码演示

基本用法

<wr-submit-bar
  total-amount="{{cartGroupData.totalAmount}}"
  bindsubmit="onSubmit"
/>
<wr-toast id="wr-toast"/>

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

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

  onSubmit() {
    Toast({ text: '点击了提交&支付按钮' });
  },
});

禁用按钮

<wr-submit-bar
  total-amount="{{cartGroupData.totalAmount}}"
  isDisabled="{{true}}"
  bindsubmit="onSubmit"
/>

固定在页面底部

<wr-submit-bar
  total-amount="{{cartGroupData.totalAmount}}"
  fixed="{{true}}"
  bindsubmit="onSubmit"
/>

cart-bar Props

cart-bar Event