|
@@ -13,8 +13,7 @@
|
|
|
<view class="scroll-middle_bx">
|
|
<view class="scroll-middle_bx">
|
|
|
<scroll-view scroll-y scroll-with-animation class="tab-view" :scroll-top="scrollTop" >
|
|
<scroll-view scroll-y scroll-with-animation class="tab-view" :scroll-top="scrollTop" >
|
|
|
<div v-for="(item, index) in filterProductInfo" :key="index" class="tab-bar-item" :class="[classIndex == index ? 'active' : '']" :data-current="index" @tap.stop="swichClass(index)">
|
|
<div v-for="(item, index) in filterProductInfo" :key="index" class="tab-bar-item" :class="[classIndex == index ? 'active' : '']" :data-current="index" @tap.stop="swichClass(index)">
|
|
|
- <!--<text>{{ item.className || "" }}</text>-->
|
|
|
|
|
- <text v-if="item.classId=='-1'" style="color: red">{{ item.className || "" }}</text>
|
|
|
|
|
|
|
+ <text v-if="item.classId=='-1' || item.classId=='-3'" style="color:red;font-weight:bold;">{{ item.className || "" }}</text>
|
|
|
<text v-else>{{ item.className }}</text>
|
|
<text v-else>{{ item.className }}</text>
|
|
|
<text class="tag" v-if=" getSelectClassById(item.classId).bigCount > 0 || getSelectClassById(item.classId).smallCount > 0">
|
|
<text class="tag" v-if=" getSelectClassById(item.classId).bigCount > 0 || getSelectClassById(item.classId).smallCount > 0">
|
|
|
<text v-if=" getSelectClassById(item.classId).bigCount > 0 || getSelectClassById(item.classId).smallCount > 0 ">
|
|
<text v-if=" getSelectClassById(item.classId).bigCount > 0 || getSelectClassById(item.classId).smallCount > 0 ">
|
|
@@ -33,7 +32,7 @@
|
|
|
<view class="item_list_bx selectAll" v-for="(classItem, classIndex) in filterProductInfo" :key="classIndex" :id="`class_${classIndex}`">
|
|
<view class="item_list_bx selectAll" v-for="(classItem, classIndex) in filterProductInfo" :key="classIndex" :id="`class_${classIndex}`">
|
|
|
<view class="item_list_title">{{ classItem.className }}</view>
|
|
<view class="item_list_title">{{ classItem.className }}</view>
|
|
|
<template v-for="(productItem, productIndex) in classItem.child">
|
|
<template v-for="(productItem, productIndex) in classItem.child">
|
|
|
- <view style="height: 185upx" :id="`class_${classItem.classId}_${productItem.id}`" :key="productIndex">
|
|
|
|
|
|
|
+ <view :class="[productItem.variety == 1 ? 'big-box' : productItem.presell == 1 ? 'middle-box' : 'box']" :id="`class_${classItem.classId}_${productItem.id}`" :key="productIndex">
|
|
|
<Commondity v-if="classItem.isActive"
|
|
<Commondity v-if="classItem.isActive"
|
|
|
:info="productItem"
|
|
:info="productItem"
|
|
|
:offVerifyRepertory="true"
|
|
:offVerifyRepertory="true"
|
|
@@ -46,6 +45,12 @@
|
|
|
@showBigCover="showBigCover"
|
|
@showBigCover="showBigCover"
|
|
|
@goToSpecialVariety="goToSpecialVariety"
|
|
@goToSpecialVariety="goToSpecialVariety"
|
|
|
></Commondity>
|
|
></Commondity>
|
|
|
|
|
+ <view v-if="productItem.presell && productItem.presell == 1" style="position:absolute;top:150upx;font-size:26upx;color:#3385ff;white-space: nowrap;text-overflow: hidden;">
|
|
|
|
|
+ 配送日期:
|
|
|
|
|
+ <block v-if="!$util.isEmpty(productItem.presellDateShow)">
|
|
|
|
|
+ <text v-for="(dateItem, dateIndex) in productItem.presellDateShow" :key="dateIndex" style="">{{dateItem}}<text v-if="dateIndex!=productItem.presellDateShow.length-1">,</text></text>
|
|
|
|
|
+ </block>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
</view>
|
|
</view>
|
|
@@ -569,10 +574,34 @@ export default {
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
.item_list_bx {
|
|
.item_list_bx {
|
|
|
- padding: 40upx 16upx 100upx 16upx;
|
|
|
|
|
|
|
+ padding: 40upx 16upx 20upx 16upx;
|
|
|
&:last-child{
|
|
&:last-child{
|
|
|
margin-bottom:70upx;
|
|
margin-bottom:70upx;
|
|
|
}
|
|
}
|
|
|
|
|
+ .box{
|
|
|
|
|
+ height: 185upx
|
|
|
|
|
+ }
|
|
|
|
|
+ .middle-box{
|
|
|
|
|
+ height: 215upx;
|
|
|
|
|
+ position:relative;
|
|
|
|
|
+ }
|
|
|
|
|
+ .big-box{
|
|
|
|
|
+ height: 285upx
|
|
|
|
|
+ }
|
|
|
|
|
+ .has-color{
|
|
|
|
|
+ display:flex;
|
|
|
|
|
+ justify-content:center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ height:110upx;
|
|
|
|
|
+ border-bottom:1upx solid rgb(247, 243, 243);
|
|
|
|
|
+ .has-color-button{
|
|
|
|
|
+ border:1upx solid #5a99f7;
|
|
|
|
|
+ border-radius:15upx;
|
|
|
|
|
+ padding:13upx 16upx;
|
|
|
|
|
+ font-size:30upx;
|
|
|
|
|
+ color:#3385ff;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.item_list_title {
|
|
.item_list_title {
|
|
|
margin-bottom: 20upx;
|
|
margin-bottom: 20upx;
|