书目

yiming

2024-04-03 f0229b7c6801f6429dec75e208192b61053b8c7d

 pages/cart/index.wxml

@@ -1,31 +1,89 @@
<!-- 分层购物车 -->
<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"
  />
<scroll-view scroll-y="{{true}}" class="outsideContentBox" bindscrolltolower="onScrollToLower">

  <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" />
  <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">
      <!-- <view class="contentBox"> -->
      <!-- <view class="contentCheckbox">
          <checkbox value="{{item.id}}" checked="{{item.checked}}"></checkbox>
        </view> -->
      <view class="itemWarp">
        <t-cell bordered="{{false}}">
          <view slot="title" class="titleBox">
            <!-- <view class="labelBox">
            <view class="eBook" wx:if="{{item.type == 'product'}}">电子书</view>
            <view wx:if="{{item.type == 'item'}}" class="cloudLearning">云学习</view>
          </view>
          <view class="boosName">
            {{item.productMonWithLinkDto.product.name}}
          </view> -->
            <view wx:if="{{item.type == 'product'}}" style="width: 386rpx;">
              <!-- <view>
                <text class="eBook">电子书</text> <text class="boosName">{{item.name}}</text>
              </view> -->
              <view class="boosName">
                <text class="eBook">云学习</text>
                <text> {{item.name}}</text>
              </view>
            </view>
            <view wx:if="{{item.type == 'item'}}" style="width: 386rpx;">
              <!-- <view>
                <text class="cloudLearning">云学习</text> <text class="boosName">   {{item.name}}</text>
              </view> -->
              <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">
              <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>