131 lines
4.9 KiB
Vue
131 lines
4.9 KiB
Vue
<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> |