<template>
    <view class="container">
        <div class="address">
            <div class="border">
                <image src="http://192.168.0.172:5500/7.15/shop_border.png" mode="widthFix"></image>
            </div>
            <div class="address_Info" @click="choseAddress">
                <div class="address_Info_left">
                    <div class="address_Info_left_tit">收货地址</div>
                    <div class="address_Info_left_name">李佳 15901518415</div>
                    <div class="address_Info_left_addr">北京北京市朝阳区珠江绿洲文化广场</div>
                </div>
                <div class="address_Info_right">
                    <u-icon name="arrow-right" size="40rpx"></u-icon>
                </div>
            </div>
            <div class="border">
                <image src="http://192.168.0.172:5500/7.15/shop_border.png" mode="widthFix"></image>
            </div>
        </div>

        <div class="goodsCate" v-for="items, indexs in 2" :key="indexs">
            <div class="goodsItem" v-for="item, index in 3" :key="index">
                <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 class="yf">
                <span>运费</span>￥9.9
            </div>
            <div class="line"></div>
        </div>
        

        <div class="footer">
            <div class="btn">立即支付￥4500.00</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: {
        choseAddress(){
            NavgateTo('../address/index')
        },
    },
    onLoad(options) {
        const meun = menuButtonInfo();
        this.top = meun.top;
        this.localHeight = meun.height;
    },
    onReachBottom() {

    },
}
</script>

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