yiming
2024-04-11 a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32
pages/cart/index.wxml
@@ -1,31 +1,79 @@
<!-- 分层购物车 -->
<block wx:if="{{cartGroupData.isNotEmpty}}">
  <cart-group
    store-goods="{{ cartGroupData.storeGoods }}"
    invalid-good-items="{{ cartGroupData.invalidGoodItems }}"
    bindselectgoods="onGoodsSelect"
    bindselectstore="onStoreSelect"
    bindchangequantity="onQuantityChange"
    bindgocollect="goCollect"
    bindgoodsclick="goGoodsDetail"
    bindclearinvalidgoods="clearInvalidGoods"
    binddelete="onGoodsDelete"
  />
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
  <view class="gap" />
  <!-- 商品小计以及结算按钮 -->
  <cart-bar
    is-all-selected="{{cartGroupData.isAllSelected}}"
    total-amount="{{cartGroupData.totalAmount}}"
    total-goods-num="{{cartGroupData.selectedGoodsCount}}"
    total-discount-amount="{{cartGroupData.totalDiscountAmount}}"
    fixed="{{true}}"
    bottomHeight="{{112}}"
    bindhandleSelectAll="onSelectAll"
    bindhandleToSettle="onToSettle"
  />
</block>
<!-- 购物车空态 -->
<cart-empty wx:else bind:handleClick="onGotoHome" />
<t-toast id="t-toast" />
<t-dialog id="t-dialog" />
<!-- loading
hidden -->
<view hidden="{{hidden}}">
  <scroll-view scroll-y="{{true}}" class="outsideContentBox" bindscrolltolower="onScrollToLower">
    <view>
      <!-- <checkbox-group bindchange="HandelItemChange"> -->
      <view wx:if="{{shoppingCartData.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" font-size="80" />
      </view>
      <!-- <button bind:tap="onLogin"> 去登录</button> -->
      <t-swipe-cell wx:for="{{shoppingCartData}}" wx:key="index" wx:for-item="item" wx:for-index="index" opened="{{swipeOpened}}">
        <view class="itemWarp">
          <t-cell bordered="{{false}}">
            <view slot="title" class="titleBox">
              <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">
                <view class="boosName">
                  <text class="eBook">电子书</text>
                  <text> {{item.name}}</text>
                </view>
              </view>
              <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
                <view class="boosName">
                  <text class="cloudLearning">云学习</text>
                  <text> {{item.name}}</text>
                </view>
              </view>
            </view>
            <view slot="description" class="descriptionBox">
              <view>
                <view class="textBox" wx:if="{{item.type == 'product'}}">图书服务-电子书</view>
                <view class="textBox" wx:if="{{item.type == 'item'}}">图书服务-云学习</view>
              </view>
              <view wx:if="{{item.saleMethod.price != 0}}">
                ¥{{item.saleMethod.price}}
              </view>
              <view wx:else class="descriptionBox"> 立即领取</view>
            </view>
            <view slot="left-icon" class="left-icon">
              <view class="contentCheckbox">
                <t-checkbox icon="rectangle" value=" {{item.id}}" data-item="{{item}}" checked="{{item.checked}}" bindchange="HandelItemChange" />
              </view>
              <view class="left-image" data-item="{{item}}" bind:tap="onBook">
                <image wx:if="{{item.imgUrl}}" src="{{item.imgUrl}}" class="imageStyle" mode="aspectFit" />
                <image wx:else src="/static/images/default-book-img.png" class="imageStyle" mode="aspectFit" />
              </view>
            </view>
          </t-cell>
        </view>
        <view slot="right" class="btn delete-btn" bind:tap="onDelete" data-item="{{item}}">删除</view>
      </t-swipe-cell>
      <view wx:if="{{shoppingCartData.length > 0}}" class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </view>
    <t-toast id="t-toast" />
  </scroll-view>
  <view class="bottomBox">
    <view class="checkGroupBox">
      <checkbox-group bindchange="bottomChange">
        <checkbox disabled="{{onDisabled}}" value="全选" checked="{{checkAll}}">全选</checkbox>
      </checkbox-group>
    </view>
    <view class="settlementBox">
      <view class="totalPrice">总价:<text class="totalPriceText">¥{{totalPrice}}</text></view>
      <view class="buttonBox">
        <t-button class="tButtonBox" size="small" shape="round" bind:tap="goPaymentPage">去结算({{selectedCount}})</t-button>
      </view>
    </view>
  </view>
</view>