GululuQ-mp/pages/cart/cart.wxml

<view>
    <view class="manage">
       <text>管  理</text>
    </view>
    <!-- 暂无可管理商品 -->
    <view class="empty" wx:if="{{false}}">
       <image class="emptyIcon" src="/images/cart/empty.png" alt=""/>
       <text>暂无可管理商品</text>
    </view>
    <!-- 商品列表 -->
    <view class="prodsList">
        <checkbox-group bindchange="handleCheckboxChange">
            <view class="itemProd" wx:for="{{cartList}}" wx:key="id">
                <checkbox value="{{item.id}}" checked="{{item.checked}}"></checkbox>
                <view class="goods-info">
                    <image src="/images/index/category-item.png" mode="aspectFill"></image>
                    <view class="info">
                        <text>{{item.name}}</text>
                        <text>白色/M</text>
                        <text>¥{{item.price}}</text>
                    </view>
                </view>
                <view class="count">
                    <text class="reduceNum" bindtap="decreaseCount" data-id="{{item.id}}">-</text>
                    <text class="num">{{item.count}}</text>
                    <text class="addNum" bindtap="increaseCount" data-id="{{item.id}}">+</text>
                </view>
            </view>
        </checkbox-group>
    
    </view>
    <!-- 推荐 -->
    <view class="recommend">
        <view class="divider">
           <text class="line"></text>
           <text class="text">更多个性化推荐</text>
           <text class="line"></text>
        </view>
        <product-list position="hot"></product-list>
    </view>
    <!-- 底部全选和总价 -->
    <view class="footer">
        <label>
            <checkbox value="all" checked="{{isAllChecked}}" bindtap="toggleAll">全选</checkbox>
        </label>
        <text>总价：¥{{totalPrice}}</text>
        <button>结算({{checkedCount}})</button>
    </view>
</view>