|
|
@@ -54,7 +54,7 @@
|
|
|
<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>
|
|
|
<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 ? 'color-box' : 'box']" :id="`class_${classItem.classId}_${productItem.id}`" :key="productIndex">
|
|
|
<Commondity v-if="classItem.isActive"
|
|
|
:info="productItem"
|
|
|
:offVerifyRepertory="true"
|
|
|
@@ -68,6 +68,9 @@
|
|
|
@showBigCover="showBigCover"
|
|
|
@goToSpecialVariety="goToSpecialVariety"
|
|
|
></Commondity>
|
|
|
+ <view v-if="productItem.variety && productItem.variety == 1" class="has-color" @click="goToSpecialVariety(productItem)">
|
|
|
+ <view class="has-color-button">点我选颜色</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
</view>
|
|
|
@@ -783,9 +786,29 @@ export default {
|
|
|
}
|
|
|
.item_list_bx {
|
|
|
padding: 40upx 16upx;
|
|
|
- &:last-child{
|
|
|
- margin-bottom: 70upx;
|
|
|
- }
|
|
|
+ &:last-child{
|
|
|
+ margin-bottom: 70upx;
|
|
|
+ }
|
|
|
+ .box{
|
|
|
+ height: 185upx
|
|
|
+ }
|
|
|
+ .color-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 {
|
|
|
margin-bottom: 20upx;
|
shish