hulimall/colorful/pages/cart/cart.wxml

<view class="body" wx:if="{{remind}}">
    <view class="zong">
        <view class="spinner">
            <view class="spinner-container container1">
                <view class="circle1"></view>
                <view class="circle2"></view>
                <view class="circle3"></view>
                <view class="circle4"></view>
            </view>
            <view class="spinner-container container2">
                <view class="circle1"></view>
                <view class="circle2"></view>
                <view class="circle3"></view>
                <view class="circle4"></view>
            </view>
            <view class="spinner-container container3">
                <view class="circle1"></view>
                <view class="circle2"></view>
                <view class="circle3"></view>
                <view class="circle4"></view>
            </view>
        </view>
    </view>
</view>
<view class="page" wx:else>
    <view class="top-ql" wx:if="{{carts!=''}}">
        <view bindtap="updata" class="top-ql-1" style="color:#333;" wx:if="{{!upstatus}}">编辑商品</view>
        <view bindtap="ok" class="top-ql-1" style="color:#f60;" wx:else>完成</view>
        <view bindtap="delall" class="top-ql-1 iconfont icon-icon-test" style="color:#f60;" wx:if="{{upstatus}}">快速清理</view>
    </view>
    <view class="shop df" wx:for="{{productData}}" wx:key="key">
        <image class="sh_slt" src="{{item.imgurl}}"></image>
        <view class="df_1">
            <view class="sp_text">
                <navigator url="../index/detail?productId={{item.ProID}}">
                    <view class="sp_tit ovh1">{{item.ProductName}}</view>
                </navigator>
                <view class="sp_neb">数量：×{{item.BuyCount}}</view>
                <view class="sp_jg">¥：{{item.Price}}</view>
                <button bindtap="removeShopCard" class="dle" data-card-id="{{item.CartID}}">删除</button>
                <navigator class="dle" url="../order/pay?productId={{item.ProID}}&cartId={{item.CartID}}&buyCount={{item.BuyCount}}">下单</navigator>
            </view>
        </view>
    </view>
    <view class="container carts-list" wx:if="{{carts==''}}">
        <view class="pp">
            <image class="kong" mode="aspectFill" src="../../images/cart.png"></image>

            <view bindtap="go_index" class="cla" style="padding:5px;background:#ff0000;border-radius:5px;margin:6px;color:#fff;">去逛逛</view>
        </view>
    </view>
    <view class="container carts-list">
        <view class="carts-item" data-title="{{item.pro_name}}" id="{{item.id}}" wx:for="{{carts}}" wx:key="key">
            <icon bindtap="bindCheckbox" data-index="{{index}}" size="20" type="success_circle" wx:if="{{item.selected}}"></icon>
            <icon bindtap="bindCheckbox" data-index="{{index}}" size="20" type="circle" wx:else></icon>
            <navigator style="align-content:center;" url="../product/detail?productId={{item.pid}}&size={{item.sizeid}}">
                <view>
                    <image class="carts-image" mode="aspectFill" src="{{item.imgurl}}"></image>
                </view>
            </navigator>
            <view class="carts-text">
                <navigator style="width:100%;height:120rpx;overflow: hidden;" url="../product/detail?productId={{item.pid}}&size={{item.sizeid}}">
                    <text class="carts-title">{{item.pro_name}}</text>
                    <text class="carts-title" style="font-size:28rpx;color:#CCCCCC;margin:0;" wx:if="{{item.size}}">[{{item.size}}]</text>
                </navigator>
                <view class="title">
                    <text class="carts-price">¥ {{item.price}}</text>
                    <view class="stepper">
                        <text bindtap="bindMinus" class="{{minusStatuses[index]}}" data-cartid="{{item.id}}" data-index="{{index}}">-</text>
                        <input bindblur="bindManual" class="cart_number" data-cartid="{{item.id}}" data-index="{{index}}" type="number" value="{{item.num}}"></input>
                        <text bindtap="bindPlus" class="normal" data-cartid="{{item.id}}" data-index="{{index}}">+</text>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <view class="carts-footer" wx:if="{{carts.length>=1}}">
        <view bindtap="bindSelectAll" class="heji">
            <icon size="24" type="success_circle" wx:if="{{selectedAllStatus}}"></icon>
            <icon size="24" type="circle" wx:else></icon>
            <text>全选</text>
            <text class="reds" wx:if="{{!upstatus}}">{{total}}</text>
        </view>
        <view class="bottom_1" wx:if="{{upstatus}}">
            <view bindtap="shouc" class="button_1_1">移至收藏</view>
            <view bindtap="delarr" class="button_1_2" style="background:#FF002E;border:1px solid #f60;">删除</view>
        </view>
        <view bindtap="bindCheckout" class="button" style="background:#FF002E;" wx:else>立即结算 </view>
    </view>
</view>