|
@@ -24,7 +24,7 @@
|
|
<view class="activity-container">
|
|
<view class="activity-container">
|
|
<view class="activity-section one clearfix" v-for="(item, index) in dataList">
|
|
<view class="activity-section one clearfix" v-for="(item, index) in dataList">
|
|
<view class="section-title" :class="'section-title-'+ index" >
|
|
<view class="section-title" :class="'section-title-'+ index" >
|
|
- <view class="name">{{item.name}}</view>
|
|
|
|
|
|
+ <view class="name">{{item.classificationName}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="section-main">
|
|
<view class="section-main">
|
|
<view class="product-list" v-for="(pros, prosIndex) in item.productList" :key="prosIndex" @click.stop="detailPage(pros.productID)">
|
|
<view class="product-list" v-for="(pros, prosIndex) in item.productList" :key="prosIndex" @click.stop="detailPage(pros.productID)">
|
|
@@ -337,8 +337,8 @@
|
|
padding: 0 0 20rpx 0;
|
|
padding: 0 0 20rpx 0;
|
|
.product-list{
|
|
.product-list{
|
|
width: 340rpx;
|
|
width: 340rpx;
|
|
- height: 526rpx;
|
|
|
|
- padding: 20rpx;
|
|
|
|
|
|
+ height: 546rpx;
|
|
|
|
+ padding:0 0 20rpx 0;
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
background-color: #FFFFFF;
|
|
background-color: #FFFFFF;
|
|
float: left;
|
|
float: left;
|
|
@@ -367,16 +367,18 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.list-image{
|
|
.list-image{
|
|
- width: 300rpx;
|
|
|
|
- height: 300rpx;
|
|
|
|
|
|
+ width: 340rpx;
|
|
|
|
+ height: 340rpx;
|
|
image{
|
|
image{
|
|
- width: 300rpx;
|
|
|
|
- height: 300rpx;
|
|
|
|
|
|
+ width: 340rpx;
|
|
|
|
+ height: 340rpx;
|
|
display: block;
|
|
display: block;
|
|
|
|
+ border-radius: 20rpx 20rpx 0 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.list-name{
|
|
.list-name{
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
+ padding:0 20rpx;
|
|
height: 84rpx;
|
|
height: 84rpx;
|
|
margin: 10rpx 0;
|
|
margin: 10rpx 0;
|
|
line-height: 42rpx;
|
|
line-height: 42rpx;
|
|
@@ -392,6 +394,7 @@
|
|
.list-price{
|
|
.list-price{
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 60rpx;
|
|
height: 60rpx;
|
|
|
|
+ padding:0 20rpx;
|
|
&.none{
|
|
&.none{
|
|
padding: 6rpx 0;
|
|
padding: 6rpx 0;
|
|
margin-top: 30rpx;
|
|
margin-top: 30rpx;
|
|
@@ -448,10 +451,10 @@
|
|
}
|
|
}
|
|
.price-old{
|
|
.price-old{
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 40rpx;
|
|
|
|
- line-height: 40rpx;
|
|
|
|
|
|
+ height: 38rpx;
|
|
|
|
+ line-height: 38rpx;
|
|
font-size: $font-size-24;
|
|
font-size: $font-size-24;
|
|
- color: #252529;
|
|
|
|
|
|
+ color: #666666;
|
|
text-align: left;
|
|
text-align: left;
|
|
text-decoration: line-through;
|
|
text-decoration: line-through;
|
|
}
|
|
}
|