|
|
@@ -4,7 +4,20 @@
|
|
|
<span>产品推荐</span>
|
|
|
<img src="/images/original/line.png" alt=""/>
|
|
|
</div>
|
|
|
- <div v-swiper:mySwiper="swiperOption" v-if="hotComponents.metadatas || hotComponents.length>0">
|
|
|
+ <div v-if="hotComponents.metadatas || hotComponents.length>0">
|
|
|
+ <div v-if="hotComponents.length<=2">
|
|
|
+ <ul class="recommend-list clearfix">
|
|
|
+ <li v-for="(component, index) in hotComponents.slice(0,2)" class="big">
|
|
|
+ <a :href="component.detailsLink" target="_blank">
|
|
|
+ <div class="img"><img :src="component.pictureLink || '/images/store/common/default.png'"/></div>
|
|
|
+ <span class="name">{{component.metadatas.contExp_abstract}}</span>
|
|
|
+ <div class="price">{{component.metadatas.contExp_remark}}</div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-swiper:mySwiper="swiperOption" v-if="hotComponents.metadatas && hotComponents.length>2">
|
|
|
<div class="swiper-wrapper">
|
|
|
<div class="swiper-slide" v-if="hotComponents.length>0">
|
|
|
<ul class="recommend-list clearfix">
|
|
|
@@ -95,13 +108,13 @@ export default {
|
|
|
line-height: 34px;
|
|
|
text-align: center;
|
|
|
span{
|
|
|
- font-size: 16px;
|
|
|
+ font-size: 14px;
|
|
|
color: #333;
|
|
|
}
|
|
|
img{
|
|
|
position: absolute;
|
|
|
top: 14px;
|
|
|
- left: 25px;
|
|
|
+ left: 26px;
|
|
|
}
|
|
|
}
|
|
|
ul{
|