wx-parent/pages/shoppingcart/shoppingcart.wxml

<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="container">
    <!-- 购物车标题 -->
    <view class="cart-header">
      <text style="font-size: 36rpx;">购物车 <text style="font-size: 24rpx;">（{{cartItems.length}}）</text></text>
      <view class="search-bar">
        <input class="search-input" placeholder="搜索购物车商品" />
        <image class="search-icon" src="{{souimg}}" />
      </view>
      <button class="manage-btn">管理</button>
    </view>

    <!-- 商品列表 -->
    <scroll-view
      class="list_boxsss"
      scroll-y="true"
      bindscrolltolower="loadMore"
      lower-threshold="100"
    >
      <checkbox-group bindchange="handleCheckboxChange">
        <view class="cart-items">
          <block wx:for="{{cartItems}}" wx:key="index">
            <view class="cart-item">
              <label class="cart-checkbox">
                <checkbox value="{{item.download_history_id}}" checked="{{item.checked}}" />
              </label>
              <image class="cart-image" src="{{item.img}}" mode="aspectFill"></image>
              <view class="cart-info">
                <view class="cart-title">{{item.name}}</view>
                <view class="cart-description">{{item.specs[item.specs_index]}}</view>
                <view style="display: flex; justify-content: space-between; margin-top: 30rpx;">
                  <view class="cart-price">¥{{item.price}}</view>
                  <van-stepper
                    value="{{item.num}}"
                    data-id="{{item._id}}"
                    bind:change="onChange"
                  />
                </view>
              </view>
            </view>
          </block>
        </view>
      </checkbox-group>
      <view wx:if="{{ isLoading }}" class="loading-text">加载中...</view>
      <view wx:elif="{{ !hasMore }}" class="no-more-text">没有更多了</view>
    </scroll-view>

    <!-- 底部工具栏 -->
    <view class="cart-footer">
      <view style="display: flex; align-items: center;">
        <checkbox-group bindchange="handleAllCheckboxChange">
          <label class="all-checkbox">
            <checkbox value="all" checked="{{allChecked}}" />全选
          </label>
        </checkbox-group>
      </view>
      <view style="display: flex; align-items: center;">
        <view class="total-price">合计：¥{{totalPrice}}</view>
        <button class="checkout-btn" bindtap="handleCheckout">结算</button>
      </view>
    </view>
  </view>
</view>