|
|
@@ -4,15 +4,15 @@
|
|
|
<span>产品推荐</span>
|
|
|
<img src="/images/original/line.png" alt=""/>
|
|
|
</div>
|
|
|
- <div v-swiper:mySwiper="swiperOption" v-if="hotComponents || hotComponents.length>0">
|
|
|
+ <div v-swiper:mySwiper="swiperOption" v-if="hotComponents.metadatas || hotComponents.length>0">
|
|
|
<div class="swiper-wrapper">
|
|
|
<div class="swiper-slide" v-if="hotComponents.length>0">
|
|
|
<ul class="recommend-list clearfix">
|
|
|
<li v-for="(component, index) in hotComponents.slice(0,2)" class="big">
|
|
|
- <a :href="'/store/productDetail/' + component.batchCode" target="_blank">
|
|
|
+ <a :href="component.detailsLink" target="_blank">
|
|
|
<div class="img"><img :src="component.img || '/images/store/common/default.png'"/></div>
|
|
|
- <span class="name">{{component.code}}</span>
|
|
|
- <div class="price">{{component.prices ? component.currencyName === 'RMB' ? '¥' + ' ' + component.prices[0].rMBPrice : '$' + ' ' + component.prices[0].uSDPrice : '-'}}</div>
|
|
|
+ <span class="name">{{component.metadatas.contExp_abstract}}</span>
|
|
|
+ <div class="price">{{component.metadatas.contExp_remark}}</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -20,10 +20,10 @@
|
|
|
<div class="swiper-slide" v-if="hotComponents.length>=2">
|
|
|
<ul class="recommend-list clearfix">
|
|
|
<li v-for="(component, index) in hotComponents.slice(2,4)" class="big">
|
|
|
- <a :href="'/store/productDetail/' + component.batchCode" target="_blank">
|
|
|
+ <a :href="component.detailsLink" target="_blank">
|
|
|
<div class="img"><img :src="component.img || '/images/store/common/default.png'"/></div>
|
|
|
- <span class="name">{{component.code}}</span>
|
|
|
- <div class="price">{{component.prices ? component.currencyName === 'RMB' ? '¥' + ' ' + component.prices[0].rMBPrice : '$' + ' ' + component.prices[0].uSDPrice : '-'}}</div>
|
|
|
+ <span class="name">{{component.metadatas.contExp_abstract}}</span>
|
|
|
+ <div class="price">{{component.metadatas.contExp_remark}}</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -31,10 +31,10 @@
|
|
|
<div class="swiper-slide" v-if="hotComponents.length>=4">
|
|
|
<ul class="recommend-list clearfix">
|
|
|
<li v-for="(component, index) in hotComponents.slice(4,6)" class="big">
|
|
|
- <a :href="'/store/productDetail/' + component.batchCode" target="_blank">
|
|
|
+ <a :href="component.detailsLink" target="_blank">
|
|
|
<div class="img"><img :src="component.img || '/images/store/common/default.png'"/></div>
|
|
|
- <span class="name">{{component.code}}</span>
|
|
|
- <div class="price">{{component.prices ? component.currencyName === 'RMB' ? '¥' + ' ' + component.prices[0].rMBPrice : '$' + ' ' + component.prices[0].uSDPrice : '-'}}</div>
|
|
|
+ <span class="name">{{component.metadatas.contExp_abstract}}</span>
|
|
|
+ <div class="price">{{component.metadatas.contExp_remark}}</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -42,10 +42,10 @@
|
|
|
<div class="swiper-slide" v-if="hotComponents.length>=6">
|
|
|
<ul class="recommend-list clearfix">
|
|
|
<li v-for="(component, index) in hotComponents.slice(6,8)" class="big">
|
|
|
- <a :href="'/store/productDetail/' + component.batchCode" target="_blank">
|
|
|
+ <a :href="component.detailsLink" target="_blank">
|
|
|
<div class="img"><img :src="component.img || '/images/store/common/default.png'"/></div>
|
|
|
- <span class="name">{{component.code}}</span>
|
|
|
- <div class="price">{{component.prices ? component.currencyName === 'RMB' ? '¥' + ' ' + component.prices[0].rMBPrice : '$' + ' ' + component.prices[0].uSDPrice : '-'}}</div>
|
|
|
+ <span class="name">{{component.metadatas.contExp_abstract}}</span>
|
|
|
+ <div class="price">{{component.metadatas.contExp_remark}}</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -61,7 +61,7 @@ export default {
|
|
|
name: 'hot-commodity',
|
|
|
computed: {
|
|
|
hotComponents () {
|
|
|
- return this.$store.state.provider.storeCms.hotComponents.data
|
|
|
+ return this.$store.state.provider.storeCms.hotComponents.data.data
|
|
|
},
|
|
|
// 产品推荐轮播
|
|
|
swiperOption () {
|