|
1
|
<template>
|
1
|
<template>
|
|
2
|
- <div class="bg">
|
|
|
|
3
|
- <div class="product-list-item" v-if="list.length" v-for="(product,index) in list" @click="goDetail(product, index)"
|
2
|
+ <div class="bg" v-if="list.length">
|
|
|
|
3
|
+ <div class="product-list-item" v-for="(product,index) in list" @click="goDetail(product, index)"
|
|
4
|
:key="index" :class="(index) % 2 === 0 && 'magrin-right'">
|
4
|
:key="index" :class="(index) % 2 === 0 && 'magrin-right'">
|
|
5
|
<div class="item-top">
|
5
|
<div class="item-top">
|
|
6
|
<div class="item-price">
|
6
|
<div class="item-price">
|
|
@@ -10,6 +10,14 @@ |
|
@@ -10,6 +10,14 @@ |
|
10
|
</div>
|
10
|
</div>
|
|
11
|
<ImgSize class="item-imge" :src="product.default_images" :width="274" :height="274"/>
|
11
|
<ImgSize class="item-imge" :src="product.default_images" :width="274" :height="274"/>
|
|
12
|
<div class="item-name">{{product.product_name}}</div>
|
12
|
<div class="item-name">{{product.product_name}}</div>
|
|
|
|
13
|
+
|
|
|
|
14
|
+ <div
|
|
|
|
15
|
+ v-if="product.customize_tag && product.customize_tag.length"
|
|
|
|
16
|
+ class="tag-wrapper">
|
|
|
|
17
|
+
|
|
|
|
18
|
+ <ImgSize class="item-tag" :src="product.customize_tag[0].url2" :width="200" :height="200"/>
|
|
|
|
19
|
+ </div>
|
|
|
|
20
|
+
|
|
13
|
</div>
|
21
|
</div>
|
|
14
|
</div>
|
22
|
</div>
|
|
15
|
</template>
|
23
|
</template>
|
|
@@ -186,6 +194,18 @@ export default { |
|
@@ -186,6 +194,18 @@ export default { |
|
186
|
margin: 0 10px;
|
194
|
margin: 0 10px;
|
|
187
|
}
|
195
|
}
|
|
188
|
|
196
|
|
|
|
|
197
|
+ .tag-wrapper {
|
|
|
|
198
|
+ width: 120px;
|
|
|
|
199
|
+ height: 40px;
|
|
|
|
200
|
+ position: absolute;
|
|
|
|
201
|
+ top: 72px;
|
|
|
|
202
|
+ }
|
|
|
|
203
|
+
|
|
|
|
204
|
+ .item-tag {
|
|
|
|
205
|
+ width: 84px;
|
|
|
|
206
|
+ height: 26px;
|
|
|
|
207
|
+ }
|
|
|
|
208
|
+
|
|
189
|
.item-name {
|
209
|
.item-name {
|
|
190
|
font-size: 24px;
|
210
|
font-size: 24px;
|
|
191
|
color: #000;
|
211
|
color: #000;
|
