add

src/main/resources/static/css/product/instruement.css

@@ -68,6 +68,7 @@
     .productItem .price .price_grade .bold{margin: 0}
     .price .right-box{margin:12px 0 0 0}
     .productItem .price .price_grade.sec{display: block;margin-top: 15px}
+    .section_page_main .page_main_item.default{cursor: default}
 }
 
 

src/main/resources/templates/product/instrument.html

@@ -50,7 +50,9 @@
                              <div class="floorCon">
                                  <div class="hotList recommend">
                                     <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
-                                        <a  class="img01" :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'" ><img :src="page.floorContent.pcAdsImage1"/></a>
+                                        <a  class="img01 page_main_item" :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
+                                        :class="page.floorContent.adsLink1!='' ? '' : 'default' " >
+                                        <img :src="page.floorContent.pcAdsImage1"/></a>
                                         <a class="productItem" :href="pros.link" v-for="(pros,index) in page.floorImageList" >
                                             <img :src="pros.image ? pros.image : '/img/base/placeholder.png'" :data-original="pros.image" :alt="pros.name">
                                             <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
@@ -119,8 +121,10 @@
                              <div class="floorCon">
                                  <div class="hotList">
                                     <div class="section_page_main clear mfw" :class="page.isPageMore ? '' : 'max'">
-                                        <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'" class="img01"><img  :src="page.floorContent.pcAdsImage1" alt=""> </a>
-                                        <a :href="page.floorContent.adsLink2" class="img02"><img  :src="page.floorContent.pcAdsImage2" alt=""> </a>
+                                        <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
+                                        class="img01 page_main_item" :class="page.floorContent.adsLink1!='' ? '' : 'default' ">
+                                        <img  :src="page.floorContent.pcAdsImage1" alt=""> </a>
+                                        <a :href="page.floorContent.adsLink2" class="img02 page_main_item"><img  :src="page.floorContent.pcAdsImage2" alt=""> </a>
                                         <a class="productItem" :href="pros.link"  v-for="(pros,index) in page.floorImageList">
                                             <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
                                             <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
@@ -189,8 +193,10 @@
                             <div class="floorCon">
                                 <div class="hotList">
                                     <div class="section_page_main type clear mfw" :class="page.isPageMore ? '' : 'max'">
-                                        <a class='imgbaner' :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"><img :src="page.floorContent.pcAdsImage1"></a>
-                                        <a class="img01" :href="page.floorContent.adsLink2"><img :src="page.floorContent.pcAdsImage2"/></a>
+                                        <a class='imgbaner page_main_item' :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
+                                         :class="page.floorContent.adsLink1!='' ? '' : 'default' "><img :src="page.floorContent.pcAdsImage1"></a>
+                                        <a class="img01 page_main_item" :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'"
+                                        :class="page.floorContent.adsLink2!='' ? '' : 'default' "><img :src="page.floorContent.pcAdsImage2"/></a>
                                         <a class="productItem" :href="pros.link"  v-for="(pros,index) in page.floorImageList">
                                             <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
                                             <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
@@ -259,9 +265,15 @@
                             <div class="floorCon">
                                 <div class="hotList">
                                     <div class="section_page_main type clear mfw"  :class="page.isPageMore ? '' : 'max'">
-                                        <a class='imgbaner' :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"><img :src="page.floorContent.pcAdsImage1"></a>
-                                        <a class="img01" :href="page.floorContent.adsLink2"><img :src="page.floorContent.pcAdsImage2"/></a>
-                                        <a class="img02" :href="page.floorContent.adsLink3"><img :src="page.floorContent.pcAdsImage3"/></a>
+                                        <a class='imgbaner page_main_item' :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
+                                         :class="page.floorContent.adsLink1!='' ? '' : 'default' ">
+                                         <img :src="page.floorContent.pcAdsImage1"></a>
+                                        <a class="img01 page_main_item" :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
+                                        :class="page.floorContent.adsLink2!='' ? '' : 'default' ">
+                                        <img :src="page.floorContent.pcAdsImage2"/></a>
+                                        <a class="img02 page_main_item" :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
+                                        :class="page.floorContent.adsLink3!='' ? '' : 'default' ">
+                                        <img :src="page.floorContent.pcAdsImage3"/></a>
                                         <a class="productItem" :href="pros.link"  v-for="(pros,index) in page.floorImageList">
                                             <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
                                             <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
@@ -330,7 +342,8 @@
                             <div class="floorCon">
                                 <div class="hotList">
                                     <div class="section_page_main type clear mfw" :class="page.isPageMore ? '' : 'max'">
-                                        <a class='imgbaner' :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"><img :src="page.floorContent.pcAdsImage1"></a>
+                                        <a class='imgbaner page_main_item' :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
+                                        :class="page.floorContent.adsLink1!='' ? '' : 'default' "><img :src="page.floorContent.pcAdsImage1"></a>
                                         <a class="productItem" :href="pros.link"  v-for="(pros,index) in page.floorImageList">
                                             <img src="/img/base/placeholder.png" :data-original="pros.image" :alt="pros.name">
                                             <span class="brand" v-if="pros.listType == 2">{{ pros.label }}</span>
@@ -459,7 +472,8 @@
                                              </div>
                                         </a>
                                     </div>
-                                     <a class='imgbaner' :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"><img :src="page.floorContent.pcAdsImage1"></a>
+                                     <a class='imgbaner page_main_item' :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'"
+                                     :class="page.floorContent.adsLink1!='' ? '' : 'default' "><img :src="page.floorContent.pcAdsImage1"></a>
                                     <div class="unfold" @click="seeMore(page)" v-if="page.isPageMore">查看更多 ∨</div>
                                 </div>
                              </div>