feat : 商城页添加当日达标签
This commit is contained in:
赵毅
parent
18cf687324
commit
690c2d1833
@ -179,7 +179,7 @@ export default {
|
||||
NavgateTo("../vendor/index");
|
||||
},
|
||||
selectMaster() {
|
||||
NavgateTo("../chooseMaster/index");
|
||||
NavgateTo("../searchInfo/index");
|
||||
},
|
||||
lookImage(item, index) {
|
||||
// 提取所有图片URL
|
||||
|
||||
@ -158,6 +158,7 @@ page {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
margin-bottom: 150rpx;
|
||||
}
|
||||
|
||||
.CateInfo_tit {
|
||||
@ -197,7 +198,28 @@ page {
|
||||
height: 140rpx;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
overflow: hidden;
|
||||
margin-right: 3rpx;
|
||||
margin-right: 15rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tag {
|
||||
background-color: #ff7d00;
|
||||
color: white;
|
||||
font-size: 22rpx;
|
||||
padding: 5rpx 10rpx;
|
||||
border-radius: 20rpx 0 20rpx 20rpx;
|
||||
}
|
||||
|
||||
.tag-img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.tag-text {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
@ -485,8 +507,12 @@ page {
|
||||
.GGItem_Image {
|
||||
width: 120rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
margin-right: 20rpx;
|
||||
margin: 0 20rpx 20rpx 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.GGItem_Image image{
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.GGItem_Con_Tit {
|
||||
@ -531,13 +557,13 @@ page {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.shadowBox1{
|
||||
.shadowBox1 {
|
||||
height: 250rpx;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.shop_car{
|
||||
.shop_car {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
position: fixed;
|
||||
@ -545,7 +571,8 @@ page {
|
||||
bottom: 180rpx;
|
||||
z-index: 10;
|
||||
}
|
||||
.shop_car image{
|
||||
|
||||
.shop_car image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@ -139,7 +139,7 @@
|
||||
<!-- 右下阴影 -->
|
||||
<div class="boxshadow2" v-if="cateListShow"></div>
|
||||
|
||||
<div class="CateInfo" v-for="(item, index) in tagList" :key="item.id">
|
||||
<div class="CateInfo" v-for="item in tagList" :key="item.id">
|
||||
<div class="CateInfo_tit">
|
||||
{{ item.tag_name }}
|
||||
</div>
|
||||
@ -150,6 +150,14 @@
|
||||
>
|
||||
<div class="CateInfo_Item_Box">
|
||||
<div class="CateInfo_Item_left" @click="goods(items)">
|
||||
<view
|
||||
class="tag tag-img"
|
||||
v-if="
|
||||
!items.commodity_goods_info_list[1] &&
|
||||
items.commodity_goods_info_list[0].is_same_day
|
||||
"
|
||||
>当日达</view
|
||||
>
|
||||
<image
|
||||
:src="picUrl + items.commodity_pic"
|
||||
mode="aspectFill"
|
||||
@ -157,18 +165,22 @@
|
||||
</div>
|
||||
<div class="CateInfo_Item_right" :class="GGshow ? 'noneBor' : ''">
|
||||
<div class="CateInfo_Item_right_Tit" @click="goods(items)">
|
||||
<view
|
||||
class="tag tag-text"
|
||||
v-if="
|
||||
!items.commodity_goods_info_list[1] &&
|
||||
items.commodity_goods_info_list[0].is_same_day
|
||||
"
|
||||
>当日达</view
|
||||
>
|
||||
{{ items.commodity_name }}
|
||||
</div>
|
||||
<div
|
||||
class="CateInfo_Item_right_subtit"
|
||||
@click="goods(items)"
|
||||
>
|
||||
<div class="CateInfo_Item_right_subtit" @click="goods(items)">
|
||||
{{ items.commodity_intro }}
|
||||
</div>
|
||||
<div class="CateInfo_Item_Money">
|
||||
<div class="CateInfo_Item_Money_left">
|
||||
<span>￥</span
|
||||
>{{ items.commodity_goods_info_list[0].sales_price }}
|
||||
{{ getPriceRange(items.commodity_goods_info_list) }}
|
||||
</div>
|
||||
<div
|
||||
class="CateInfo_Item_Money_right"
|
||||
@ -231,16 +243,23 @@
|
||||
<div
|
||||
class="GGItem"
|
||||
v-for="ite in items.commodity_goods_info_list"
|
||||
:key="ite.id"
|
||||
@click="goods(items)"
|
||||
>
|
||||
<div class="GGItem_Image">
|
||||
<view class="tag tag-img" v-if="ite.is_same_day">当日达</view>
|
||||
<image
|
||||
:src="picUrl + ite.commodity_pic"
|
||||
mode="aspectFill"
|
||||
></image>
|
||||
</div>
|
||||
<div class="GGItem_Con">
|
||||
<div class="GGItem_Con_Tit">{{ ite.goods_name }}</div>
|
||||
<div class="GGItem_Con_Tit">
|
||||
<view class="tag tag-text" v-if="ite.is_same_day"
|
||||
>当日达</view
|
||||
>
|
||||
{{ ite.goods_name }}
|
||||
</div>
|
||||
<div class="GGItem_Con_Msg">
|
||||
<div class="GGItem_Con_Msg_left">
|
||||
<span>￥</span>{{ ite.sales_price }}
|
||||
@ -376,6 +395,8 @@ export default {
|
||||
carNum: "",
|
||||
|
||||
goodsDetail: [],
|
||||
|
||||
showTag: false, //当日达标签
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
@ -459,7 +480,6 @@ export default {
|
||||
});
|
||||
});
|
||||
this.tagList = res.commodity_list;
|
||||
console.log("🚀 ~ getGoodsList ~ this.tagList:", this.tagList)
|
||||
});
|
||||
},
|
||||
|
||||
@ -467,7 +487,9 @@ export default {
|
||||
request(apiArr.getCar, "POST").then((res) => {
|
||||
console.log(res);
|
||||
this.carNum = res.total;
|
||||
this.goodsDetail = res.commodity_cart_list;
|
||||
// 合并当日达和普通商品数据
|
||||
this.goodsDetail = [].concat(res.same_day_cart_list, res.normal_cart_list)
|
||||
.flatMap(supplier => supplier.commodity_cart_and_goods_model);
|
||||
});
|
||||
},
|
||||
|
||||
@ -504,6 +526,13 @@ export default {
|
||||
});
|
||||
});
|
||||
},
|
||||
getPriceRange(goodsList) {
|
||||
if (!goodsList || goodsList.length === 0) return '￥0';
|
||||
const prices = goodsList.map(item => Number(item.sales_price));
|
||||
const minPrice = Math.min(...prices);
|
||||
const maxPrice = Math.max(...prices);
|
||||
return minPrice === maxPrice ? `￥${minPrice}` : `￥${minPrice} ~ ￥${maxPrice}`;
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
const meun = menuButtonInfo();
|
||||
|
||||
@ -29,11 +29,11 @@
|
||||
<div class="goodsItem_left" @click="changeChecked(item, index)">
|
||||
<image
|
||||
v-if="!item.checked"
|
||||
src="http://192.168.0.172:5500/7.15/shop_checked1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png"
|
||||
></image>
|
||||
<image
|
||||
v-if="item.checked"
|
||||
src="http://192.168.0.172:5500/7.15/shop_checked2.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png"
|
||||
></image>
|
||||
</div>
|
||||
<div class="goodsItem_right">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user