<template>
    <view>
        <div class="header">
            <div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
                <div class="searchBox_left" @click="back">
                    <u-icon name="arrow-left" size="20px" color="#000"></u-icon>
                </div>
                <div class="searchBox_mid">购物车(0) </div>
                <div class="searchBox_right">
                    <u-icon name="arrow-left" size="20px" color="#000"></u-icon>
                </div>
            </div>
        </div>

        <div class="main">
            <div class="deleteIcon">
                <u-icon name="trash" size="50rpx"></u-icon>
            </div>

            <div class="goodsList">
                <div class="goodsItem" v-for="item, index in 3" :key="index">
                    <div class="goodsItem_left">
                        <image src="http://192.168.0.172:5500/7.15/shop_checked1.png"></image>
                        <image v-if="false" src="http://192.168.0.172:5500/7.15/shop_checked2.png"></image>
                    </div>
                    <div class="goodsItem_right">
                        <div class="goodsItem_msg">
                            <div class="goodsItem_msg_img">
                                <image
                                    src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png">
                                </image>
                            </div>
                            <div class="goodsItem_msg_right">
                                <div class="goodsItem_msg_right_tit">泰国金枕榴莲</div>
                                <div class="goodsItem_msg_right_subTit">商品介绍商品介绍</div>
                                <div class="goodsItem_msg_right_msg">
                                    <div class="goodsItem_msg_right_msg_left">
                                        <span>￥</span>125.9 <span>/个</span>
                                    </div>
                                    <div class="goodsItem_msg_right_msg_right">
                                        <u-number-box v-model="value">
                                            <view slot="minus" class="minus">
                                                <u-icon name="minus" size="32" bold></u-icon>
                                            </view>
                                            <text slot="input" style="width: 80rpx;text-align: center;" class="input">{{
                                                value }}</text>
                                            <view slot="plus" class="plus">
                                                <u-icon name="plus" color="#FFFFFF" size="32" bold></u-icon>
                                            </view>
                                        </u-number-box>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer">
                <div class="footer_left">
                    <div class="footer_all">
                        <image
                            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png">
                        </image>
                        <image v-if="false"
                            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png">
                        </image>
                        全选
                    </div>
                    <div class="footer_total">
                        <span>合计</span>
                        ￥4900.00
                    </div>
                </div>
                <div class="footer_right" @click="submitOrder">
                    结算
                </div>

            </div>
        </div>

        <div class="empty" v-if="false">
            <image src="http://192.168.0.172:5500/7.15/shop_empty.png"></image>
            <div>
                啥也没有 <br>
                赶紧去shopping吧~
            </div>
        </div>

    </view>
</template>

<script>
import {
    apiArr
} from '../../../api/doorToDoor';
import {
    picUrl,
    menuButtonInfo,
    request,
    NavgateTo
} from '../../../utils';
export default {
    data() {
        return {
            top: "",
            localHeight: "",
            value: 3,
            type: "error",

        }
    },
    methods: {
        submitOrder(){
            NavgateTo("../submitOrder/index")
        },
    },
    onLoad(options) {
        const meun = menuButtonInfo();
        this.top = meun.top;
        this.localHeight = meun.height;
    },
    onReachBottom() {

    },
}
</script>

<style>
@import url("./index.css");
</style>