<!--pages/cart/index.wxml-->

<view>

    <view class="get_address_row" wx:if="{{!address.userName}}">

        <view class="address_btn">

            <button bindtap="handleChooseAddress" type="primary" plain>获取收货地址</button>

        </view>

    </view>

    <!--地址详细信息-->

    <view wx:else class="address_info">

        <text class="username">收货人: {{address.userName}}</text>

        <text class="telephone">{{address.telNumber}}</text>

        <view class="address">{{address.detailedAddress}}</view>

    </view>

    <!--购物车内容-->

    <view class="cart_content" wx:if="{{cart.length}}">

        <view class="title">购物车</view>

        <view class="main">

            <view class="item" wx:for="{{cart}}">

                <!--复选框-->

                <view class="chk_wrap">

                    <checkbox-group bindchange="handleItemChange" data-id="{{item.goods_id}}">

                        <checkbox checked="{{item.checked}}"></checkbox>

                    </checkbox-group>

                </view>

                <!--商品图片-->

                <navigator class="img_wrap">

                    <image mode="widthFix" src="{{item.goods_small_logo}}"></image>

                </navigator>

                <!--商品信息-->

                <view class="info_wrap">

                    <text class="name">{{item.goods_name}}</text>

                    <view class="row">

                        <text class="price">￥{{item.goods_price}}</text>

                        <digitalInput bindNumChange="numChange" binddeleteGoods="deleteGoods" initnum="{{item.goods_count}}" data-id="{{item.goods_id}}"></digitalInput>

                    </view>

                </view>

            </view>

        </view>

    </view>

    <!--购物车没有内容-->

    <view wx:else>

        <image src="/styles/image/timg.gif" mode="widthFix"></image>

    </view>

    <!--底部工具栏-->

    <view class="footer_tool">

        <!--全选-->

        <view class="all_chk_wrap">

            <checkbox-group bindchange="handleCheckAll">

                <checkbox color="#000" checked="{{allChecked}}" disabled="{{!cart.length}}">全选</checkbox>

            </checkbox-group>

        </view>

        <!--总价格-->

        <view class="total_price_wrap">

            <text class="text">合计: <text class="total_price"> ￥ {{totalPrice}}</text></text>

            <text class="hint">包含运费</text>

        </view>

        <!--结算-->

        <view class="order_pay_wrap" bindtap="handlePay">结算({{totalNum}})</view>

    </view>

</view>

.get_address_row{

    padding: 20rpx;

    .address_btnp{

        button{

            width: 60%;

        }

    }

}

.address_info{

    clear: both;

    overflow: hidden;

    padding: 20rpx;

    .telephone{

        float: right;

    }

    .address{

        padding-top: 10rpx;

    }

}

/*购物车列表*/

.cart_content{

    .title{

        padding: 20rpx;

        font-size: 36rpx;

        color: var(--themeColor);

        border-top: 1px solid currentColor;

        border-bottom: 1px solid currentColor;

        font-weight: 600;

    }

    .main{

        .item{

            display: flex;

            align-items: center;

            height: 200rpx;

            border-bottom: 1px solid #666666;

            padding-bottom: 10rpx;

            margin-top: 20rpx;

            .chk_wrap{

                flex: 1;

                checkbox-group{

                    text-align: center;

                }

            }

            .img_wrap{

                flex: 3;

                height: 99%;

                overflow: hidden;

                image{

                    width: 85%;

                }

            }

            .info_wrap{

                flex: 5;

                padding-right: 10rpx;

                display: flex;

                flex-direction: column;

                .name{

                    overflow: hidden;

                    text-overflow: ellipsis;

                    display: -webkit-box;

                    -webkit-line-clamp:2;

                    -webkit-box-orient: vertical;

                    margin-bottom: 30rpx;

                    font-size: 32rpx;

                }

                .row{

                    display: flex;

                    align-items: center;

                    justify-content: space-between;

                    .price{

                        color: red;

                        font-size: 35rpx;

                        font-weight: 600;

                    }

                }

            }

        }

    }

}

page{

    padding-bottom: 90rpx;

}

/*容器*/

/*底部工具栏*/

.footer_tool{

    position: fixed;

    width: 100%;

    bottom: 0;

    display: flex;

    height: 90rpx;

    border-top: 1px solid #ccc;

    align-items: center;

    background-color: white;

    .all_chk_wrap{

        flex: 2;

        display: flex;

        justify-content: center;

        align-items: center;

        checkbox{

            transform: scale(0.8,0.8);

        }

    }

    .total_price_wrap{

        flex: 4;

        display: flex;

        flex-direction: column;

        text-align: right;

        padding-right: 15rpx;

        .total_price{

            color: var(--themeColor);

            font-size: 35rpx;

            font-weight: 600;

        }

    }

    .order_pay_wrap{

        flex: 2;

        background-color: red;

        height: 100%;

        color: white;

        font-size: 35rpx;

        font-weight: 600;

        display: flex;

        justify-content: center;

        align-items: center;

    }

}