瀏覽代碼

首页广告图处理为空状态

zhengjinyi 4 年之前
父節點
當前提交
3f01336fa4

+ 0 - 82
src/main/resources/static/css/index/index.h5.css

@@ -1,82 +0,0 @@
-@charset "utf-8";
-/**
-* 移动端
-*/
-li{list-style:none;}
-/* 首页右侧导航 */
-#advertising,#sideNav{display:none!important;}
-/* 轮播 */
-#swiper-container{width:100%;height:48vw;overflow:hidden;position:relative}
-#swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
-#swiper-container .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center;background:#fff;}
-#swiper-container .swiper-wrapper img{width:auto;height:48vw;display:block;max-width:none;}
-#swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{display:none}
-#swiper-container .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:1.5vw;left:0}
-#swiper-container .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
-#swiper-container .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#FFF;border-radius:.3vw}
-#swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
-/* 首页导航 */
-.mNavBox{width:100%;margin:0 auto 4vw auto;padding:2.2vw 0;position:relative;background:#FFF}
-.mNavBox ul{width:100vw;margin:0 auto}
-.mNavBox .first{width:25vw;margin:0;transition:height .5s ease}
-.mNavBox .first .nav{display:block;padding:2.2vw 0;text-align:center;color:#4A4F58;font-size:3.4vw;line-height:6.4vw;white-space:nowrap}
-.mNavBox .first .nav span{display:inline-block;border-bottom:1px solid transparent}
-.mNavBox .first .nav:before{display:block;width:10.8vw;height:10.8vw;margin:0 auto}
-.mNavBox .first:nth-of-type(1) .nav:before{background-position:-43vw -27vw}
-.mNavBox .first:nth-of-type(2) .nav:before{background-position:-54vw -27vw}
-.mNavBox .first:nth-of-type(3) .nav:before{background-position:-64vw -27vw}
-.mNavBox .first:nth-of-type(4) .nav:before{background-position:-75vw -27vw}
-.mNavBox .first:nth-of-type(5) .nav:before{background-position:-85vw -27vw}
-.mNavBox .first:nth-of-type(6) .nav:before{background-position:-12vw -27vw}
-.mNavBox .first:nth-of-type(7) .nav:before{background-position:-22vw -27vw}
-.mNavBox .first:nth-of-type(8) .nav:before{background-position:-32.5vw -27vw}
-.mNavBox .first.on .nav{color:#E15621}
-.mNavBox .first.on .nav span{border-color:#E15621}
-.mNavBox .first.on .nav:before{border-radius:5.4vw;background-color:#FFE6DC}
-.mNavBox .navItem{display:none;width:100vw;position:absolute;left:0;background:#F5F5F5}
-.mNavBox .navItem .second{display:block;text-align:center;width:25vw;padding:3.2vw 0;color:#999FAB;font-size:3.2vw;line-height:6.4vw;white-space:nowrap}
-.mNavBox .navItem .second img{display:block;margin:0 auto;width:6.4vw;height:6.4vw}
-/* 推荐专区 */
-#recommendBox{width: calc(100% + 2.6vw);height:171vw;margin-top:-1.3vw;margin-left: -1.3vw;overflow:hidden;position:relative;}
-#recommendBox .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:2.6vw;left:0}
-#recommendBox .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
-#recommendBox .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#E15616;border-radius:.3vw}
-#recommendBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
-
-/* 首页楼层 */
-.floorTit{width:93.4vw;margin:0 auto;padding:1.6vw 0 2.6vw 0;position:relative}
-.floorTit h2,.floorTit h3{font-weight:bold;color:#2D3036;font-size:3.7vw;line-height:5.2vw}
-.floorTit h5{font-weight:normal;color:#999FAB;font-size:3.1vw;line-height:4.6vw;}
-.floorTit a.more{position:absolute;right:0;top:2.6vw;height:4.6vw;line-height:4.6vw;text-decoration: underline;font-size:3vw;}
-.floorTit a.more:after{margin-left:4px;content:'\276F'}
-.floorCon{width:94vw;margin:0 auto;}
-/*.floorCon a{display:block;width:100%;height:100%}*/
-.floorList{width:96vw;margin-left:-1.3vw;}
-.floorList>li{position:relative;margin:0 1.3vw 2.6vw 1.3vw;width:29.4vw;height:39.2vw;background:#FFF}
-.floorList>li:nth-of-type(1),.floorList>li:nth-of-type(2){width:45.4vw;height:55.2vw}
-.floorList>li img{width:100%;height:auto}
-.floorList>li p{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;line-height:4vw;padding:2.9vw 1vw;text-align:center;background:rgba(255,255,255,.6);font-size:3vw;color:#93979F}
-/* 商品专题 */
-#goodsTopic{width:100%;height:37.8vw;overflow:hidden;position:relative}
-#goodsTopic .swiper-wrapper{position:relative;height:100%;z-index:0}
-#goodsTopic .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center;background:#fff;}
-#goodsTopic .swiper-wrapper img{width:auto;height:37.8vw;display:block}
-#goodsTopic .swiper-button-prev,#goodsTopic .swiper-button-next{display:none}
-#goodsTopic .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:1.5vw;left:0}
-#goodsTopic .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
-#goodsTopic .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#FFF;border-radius:.3vw}
-#goodsTopic .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
-/* 小专题 */
-.smallTopic{overflow:hidden;padding-top:2.6vw}
-.smallTopic ul{width:96vw;margin-left:-1.3vw}
-.smallTopic li{position:relative;margin:0 1.3vw 2.6vw 1.3vw;width:45.4vw;height:45.4vw;background:#FFF}
-.smallTopic li img{display:block;height:100%;width:100%}
-.smallTopic li p{position:absolute;left:0;bottom:0;box-sizing:border-box;width:100%;line-height:5vw;padding:1.8vw 1vw;text-align:center;background:rgba(255,255,255,.6);color:#4A4F58;font-size:3.4vw}
-/* 优质供应商 */
-.supplierList ul{width:96vw;margin-left:-1.3vw}
-.supplierList ul li{width:21.4vw;height:26.6vw;background:#fff;position:relative;margin:0 1.3vw 2.2vw 1.3vw;overflow:hidden}
-.supplierList ul li:first-child{display:none;}
-.supplierList ul li a{display:block;width:100%;height:100%}
-.supplierList ul li img{width:100%;height:21.4vw;}
-.supplierList li p{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;line-height:5.2vw;text-align:center;background:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:2.6vw;color:#93979F}
-

+ 0 - 91
src/main/resources/static/css/index/index.pc.css

@@ -1,91 +0,0 @@
-@charset "utf-8";
-/**
- * PC端
- */
-li{list-style:none;}
-/* 轮播 */
-#swiper-container{width:100%;height:510px;min-width:1184px;overflow:hidden;position:relative;}
-#swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
-#swiper-container .tempWrap{margin:0 auto;}
-#swiper-container .swiper-wrapper li{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden}
-#swiper-container .swiper-wrapper img{width:auto;height:510px;max-width:none;display:block;margin-left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
-#swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{position:absolute;top:50%;margin-top:-34px;display:block;width:44px;height:68px;line-height:68px;background:rgba(255,230,220,.2);color:#FFF;font-size:40px;text-align:center;border-radius:2px}
-#swiper-container .swiper-button-prev{left:5px;right:auto}
-#swiper-container .swiper-button-next{left:auto;right:5px}
-#swiper-container .swiper-button-prev:after{content:"\276C"}
-#swiper-container .swiper-button-next:after{content:"\276D"}
-#swiper-container .swiper-button-prev:hover,#swiper-container .swiper-button-next:hover{background:rgba(255,230,220,.6)}
-#swiper-container .swiper-pagination{width:100%;height:14px;position:absolute;left:0;bottom:15px;z-index:1;text-align:center;font-size:0}
-#swiper-container .swiper-pagination span{display:inline-block;border:5px solid transparent;cursor:pointer}
-#swiper-container .swiper-pagination span:before{content:"";display:inline-block;width:14px;height:4px;background:rgba(255,255,255,.4);border-radius:2px}
-#swiper-container .swiper-pagination span.on:before{width:28px;background:#fff}
-/* 推荐专区 */
-#recommendBox{width:1204px;height:484px;margin-left:-7.5px;overflow:hidden;position:relative}
-#recommendBox .swiper-pagination{width:100%;height:68px;padding:27px 0;z-index:1;text-align:center;font-size:0;}
-#recommendBox .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
-#recommendBox .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#E15616;border-radius:2px}
-#recommendBox .swiper-pagination span.on{width:28px;opacity:1;}
-#recommendBox .swiper-wrapper{position:relative;width:200%;height:426px;overflow:hidden;z-index:0;}
-/* 首页楼层 */
-.floorTit{padding:24px 0 16px 0;position:relative}
-.floorTit h2,.floorTit h3{font-weight:bold;color:#2D3036;font-size:24px;line-height:40px}
-.floorTit h5{font-weight:normal;color:#999FAB;font-size:14px;line-height:16px}
-.floorTit a.more{position:absolute;right:0;top:40px;height:30px;line-height:30px}
-.floorTit a.more:after{margin-left:5px;content:'\276F'}
-.floorCon{width:1184px;margin:0 auto;overflow: hidden;}
-.floorList{width:200%}
-.floorList>li{width:224px;height:278px;margin-right:16px;background:#FFF;position:relative}
-.floorList>li a{display:block;width:100%;height:100%}
-.floorList>li img{display:block;width:224px;height:224px}
-.floorList>li p{position:absolute;left:0;bottom:0;font-size:16px;color:#93979F;width:100%;box-sizing:border-box;line-height:20px;padding:17px;text-align:center;background:rgba(255,255,255,.6)}
-.floorList>li>a:hover p{color:#E15616}
-.floorList>li p:hover{background:#FEF6F3}
-/* 商品专题 */
-#goodsTopic{width:1184px;height:237px;overflow:hidden;position:relative}
-#goodsTopic .swiper-wrapper{position:relative;height:100%;z-index:0}
-#goodsTopic .swiper-wrapper li{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden}
-#goodsTopic .swiper-wrapper img{width:100%;height:237px;display:block;margin-left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
-#goodsTopic .swiper-button-prev,#goodsTopic .swiper-button-next{position:absolute;top:50%;margin-top:-25px;display:block;width:30px;height:50px;line-height:50px;background:rgba(255,230,220,.2);color:#FFF;font-size:30px;text-align:center;border-radius:2px}
-#goodsTopic .swiper-button-prev{left:0;right:auto}
-#goodsTopic .swiper-button-next{left:auto;right:0}
-#goodsTopic .swiper-button-prev:after{content:"\276C"}
-#goodsTopic .swiper-button-next:after{content:"\276D"}
-#goodsTopic .swiper-button-prev:hover,#goodsTopic .swiper-button-next:hover{background:rgba(255,230,220,.6)}
-#goodsTopic .swiper-pagination{width:100%;height:14px;position:absolute;left:0;bottom:10px;z-index:1;text-align:center;font-size:0}
-#goodsTopic .swiper-pagination span{display:inline-block;border:5px solid transparent;cursor:pointer}
-#goodsTopic .swiper-pagination span:before{content:"";display:inline-block;width:14px;height:4px;background:rgba(255,255,255,.4);border-radius:2px}
-#goodsTopic .swiper-pagination span.on:before{width:28px;background:#fff}
-/* 小专题 */
-.smallTopic{overflow:hidden;height:284px;padding-top:16px}
-.smallTopic ul{width:2400px}
-.smallTopic li{width:284px;height:284px;position:relative;margin-right:16px}
-.smallTopic li a{display:block;width:100%;height:100%}
-.smallTopic li img{display:block;height:100%;width:100%}
-.smallTopic li p{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;line-height:20px;padding:10px;text-align:center;background:rgba(255,255,255,.6);font-size:16px}
-/* 优质供应商 */
-.supplierList ul{width:1240px}
-.supplierList ul li{width:184px;height:224px;float:left;background:#fff;position:relative;margin:0 16px 16px 0;overflow:hidden}
-.supplierList ul li:first-child{width:784px}
-.supplierList ul li a{display:block;width:100%;height:100%}
-.supplierList ul li img{width:100%;height:100%}
-.supplierList li p{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#93979F;font-size:16px}
-.supplierList li a:hover p{color:#E15616}
-/* 首页左侧广告 */
-#advertising{display:none;position:fixed;left:50%;top:68%;z-index:99998;width:120px;margin-left:-700px;transform:translateY(-50%)}
-#advertising .item{position:relative;width:100px;height:180px;margin-bottom:10px}
-#advertising .item a{display:block;width:100%;height:100%}
-#advertising img{width:100%;height:100%;display:block}
-#advertising .close{position:absolute;right:0;top:0;width:20px;height:20px;line-height:20px;text-align:center;font-size:0;background:rgba(255,255,255,.6)}
-#advertising .close:before{content:'\2715';font-size:16px}
-/* 首页右侧导航 */
-#sideNav{display:none;position:fixed;right:50%;margin-right:-700px;width:88px;z-index:9999;bottom:220px;}
-#sideNav .item{width:100%;background-color:#fff;box-sizing:border-box;text-align:center;box-shadow:0 2px 4px rgb(254,246,243);border-radius:2px;margin-bottom:10px;font-size:12px;position:relative}
-#sideNav .item>a{display:block;width:100%;box-sizing:border-box;padding:8px 6px;line-height:14px;position:relative}
-#sideNav .item>a:before{content:'';position:absolute;width:70px;left:9px;top:0;border-top:1px solid #FEF6F3}
-#sideNav .item>a:first-child:before{display:none}
-#sideNav .item>a.on{background:#FEF6F3;color:#E15616}
-/* 中屏导航与广告显示 */
-@media screen and (max-width:1420px){
-    #sideNav,#scrollTop{right:10px;margin-right:0;opacity:.9;}
-    #advertising{left:10px;margin-left:0;opacity:.9;}
-}

+ 1 - 0
src/main/resources/static/js/document/details.js

@@ -51,6 +51,7 @@ var documentList = new Vue({
                 DownloadLink.href = _self.ossArchivePdf.url;
                 DownloadLink.setAttribute('download', _self.ossArchivePdf.name);
                 document.body.appendChild(DownloadLink);
+
                 DownloadLink.click();
                 document.body.removeChild(DownloadLink);
             }

+ 10 - 10
src/main/resources/templates/index.html

@@ -105,7 +105,7 @@
                         </div>
                         <template v-if="page.floorContent.templateType == '1'">
                             <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
-                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_02" target="_blank">
+                                <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' " class="page_main_item ad_02" :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
                                 </a>
@@ -198,11 +198,11 @@
                         </template>
                         <template v-if="page.floorContent.templateType == '2'">
                             <div class="section_page_main clear mfw" :class="page.isPageMore ? 'max' : ''">
-                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_02" target="_blank">
+                                <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' " class="page_main_item ad_02" :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
                                 </a>
-                                <a :href="page.floorContent.adsLink2" class="page_main_item ad_03" target="_blank">
+                                <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'" class="page_main_item ad_03" :target="page.floorContent.adsLink2!='' ? '_blank : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
                                 </a>
@@ -295,11 +295,11 @@
                         </template>
                         <template v-if="page.floorContent.templateType == '3'">
                             <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
-                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_01" target="_blank">
+                                <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' " class="page_main_item ad_01" :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
                                 </a>
-                                <a :href="page.floorContent.adsLink2" class="page_main_item ad_02" target="_blank">
+                                <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)' " class="page_main_item ad_02" :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
                                 </a>
@@ -392,15 +392,15 @@
                         </template>
                         <template v-if="page.floorContent.templateType == '4'">
                             <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
-                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_01" target="_blank">
+                                <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)' " class="page_main_item ad_01" :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
                                 </a>
-                                <a :href="page.floorContent.adsLink2" class="page_main_item ad_02" target="_blank">
+                                <a :href="page.floorContent.adsLink2!='' ? page.floorContent.adsLink2 : 'javascript:void(0)'" class="page_main_item ad_02" :target="page.floorContent.adsLink2!='' ? '_blank' : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage2" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage2" alt="" class="page_main_item_adv">
                                 </a>
-                                <a :href="page.floorContent.adsLink3" class="page_main_item ad_03" target="_blank">
+                                <a :href="page.floorContent.adsLink3!='' ? page.floorContent.adsLink3 : 'javascript:void(0)'" class="page_main_item ad_03" :target="page.floorContent.adsLink3!='' ? '_blank' : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage3" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage3" alt="" class="page_main_item_adv">
                                 </a>
@@ -493,7 +493,7 @@
                         </template>
                         <template v-if="page.floorContent.templateType == '5'">
                             <div class="section_page_main type_03 clear mfw" :class="page.isPageMore ? 'max' : ''">
-                                <a :href="page.floorContent.adsLink1" class="page_main_item ad_01" target="_blank">
+                                <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'" class="page_main_item ad_01" :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
                                     <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
                                     <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
                                 </a>
@@ -669,7 +669,7 @@
                                     </div>
                                 </a>
                             </div>
-                            <a :href="page.floorContent.adsLink1" class="page_main_item ad_01 bottom" target="_blank">
+                            <a :href="page.floorContent.adsLink1!='' ? page.floorContent.adsLink1 : 'javascript:void(0)'" class="page_main_item ad_01 bottom" :target="page.floorContent.adsLink1!='' ? '_blank' : ''">
                                 <img v-if="isPC" :src="page.floorContent.pcAdsImage1" alt="" class="page_main_item_adv">
                                 <img v-else :src="page.floorContent.appletsAdsImage1" alt="" class="page_main_item_adv">
                             </a>

+ 0 - 202
src/main/resources/templates/index_old.html

@@ -1,202 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-      xsi:schemaLocation="https://www.thymeleaf.org ">
-<head>
-    <title>采美365网--医疗美容生活美容正品采购平台</title>
-    <meta name="baidu-site-verification" content="KbkRJg9357"/>
-    <template th:replace="components/head-link"></template>
-    <link th:href="@{/css/index/index.h5.css(v=${version})}" media="screen and (max-width:768px)" rel="stylesheet" type="text/css">
-    <link th:href="@{/css/index/index.pc.css(v=${version})}" media="screen and (min-width:768px)" rel="stylesheet" type="text/css">
-</head>
-<body>
-<!-- 引用头部 -->
-<template th:replace="components/header"></template>
-
-<!-- 首页 -->
-<div id="container">
-    <!--首页图片轮播-->
-    <div id="swiper-container" class="swiper-container">
-        <ul class="swiper-wrapper">
-            <li class="swiper-slide mfc" v-for="img in images">
-                <a :href="img.link"><img :src="img.image" :alt="img.title"></a>
-            </li>
-        </ul>
-        <div class="swiper-pagination mfc"><span v-if="isPC" v-for="i in images.length"></span></div>
-        <a class="swiper-button-prev" href="javascript:void(0)"></a>
-        <a class="swiper-button-next" href="javascript:void(0)"></a>
-    </div>
-    <!--移动端首页导航-->
-    <div class="mNavBox h5Only">
-        <ul class="mfw">
-            <!--导航菜单-->
-            <li class="first" th:each="menu: ${topMenuList}">
-                <a th:if="${menu.link}" class="nav mIcon" th:href="${menu.link}"><span th:text="${menu.name}"></span></a>
-                <a th:unless="${menu.link}" class="nav mIcon" href="javascript:void(0);" @click="showSubNav($event)">
-                    <span th:text="${menu.name}"></span>
-                </a>
-                <div class="navItem" th:if="${not #lists.isEmpty(menu.subMenus)}">
-                    <div class="mfw">
-                        <a class="second" th:each="sub: ${menu.subMenus}" th:href="${sub.link}">
-                            <img th:src="${sub.image}">
-                            <span th:text="${sub.name}"></span>
-                        </a>
-                    </div>
-                </div>
-            </li>
-            <li class="first"><a class="nav mIcon" href="/repair.html"><span>维修</span></a></li>
-        </ul>
-    </div>
-    <!--页面主体数据-->
-    <div class="wrap">
-        <div>
-            <div class="floorTit toLogin">
-                <h2 v-for="item in pageFloors" v-if="item.type==1" v-text="item.title" data-id="1"></h2>
-                <h2 v-else-if="pageFloors.length==0" data-id="1">推荐专区</h2>
-            </div>
-            <div class="floorCon">
-                <div id="recommendBox" class="swiper-container">
-                    <ul class="swiper-wrapper" v-cloak>
-                        <li class="swiper-slide productItem mfc" v-for="p in recommends">
-                            <div class="item">
-                                <a class="image" :href="'/product-'+p.id+'.html'">
-                                    <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
-                                    <span v-if="p.actType==1||p.actType==2" :class="p.actType==1?'icon mIcon hot':'icon mIcon new'"></span>
-                                </a>
-                                <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
-                                    <span v-html="p.name"></span>
-                                </a>
-                                <div class="price mfhc">
-                                    <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
-                                        <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
-                                        <template v-if="p.priceFlag==1">
-                                            <em>¥价格未公开</em>
-                                            <div class="btnBox">
-                                                <a href="javascript:void(0)" class="btn cat">价格未公开,请联系 0755-22907771</a>
-                                            </div>
-                                        </template>
-                                        <template v-else>
-                                            <template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
-                                                <em class="p" v-text="'¥'+parseFloat(p.price).toFixed(2)"></em>
-                                                <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
-                                            </template>
-                                            <template v-else-if="p.priceFlag==2 && p.userIdentity==4">
-                                                <em>¥会员可见</em>
-                                                <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
-                                                <div class="btnBox">
-                                                    <a href="/user/setting/upgrade.html" class="btn">升级会员查看价格</a>
-                                                </div>
-                                            </template>
-                                            <template v-else>
-                                                <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
-                                                <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
-                                            </template>
-                                        </template>
-                                    </template>
-                                    <template v-else>
-                                        <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
-                                        <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
-                                        <div class="btnBox"><a href="javascript:void(0)" class="btn add toLogin">登录查看价格</a></div>
-                                    </template>
-                                </div>
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="swiper-pagination mfc"><span v-if="isPC" v-for="i in recommendPage"></span></div>
-                </div>
-            </div>
-        </div>
-        <div v-for="item in pageFloors">
-            <div v-if="item.type==6">
-                <!--大专题-->
-                <div v-for="bigTopic in item.subFloors">
-                    <div class="floorTit">
-                        <h3 v-text="bigTopic.title" :data-id="'6-'+bigTopic.id"></h3>
-                        <h5 v-text="bigTopic.detail"></h5>
-                    </div>
-                    <div class="floorCon">
-                        <ul class="floorList clear mfw">
-                            <li v-for="floor in bigTopic.floorData" style="display: inline-block">
-                                <a :href="floor.link">
-                                    <img src="/img/base/placeholder.png" :data-original="floor.image" :alt="floor.title">
-                                    <p v-text="floor.title"></p>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <div v-if="item.type==4">
-                <div class="floorTit">
-                    <h2 v-text="item.title" data-id="4">专题</h2>
-                    <a class="more" href="/promotions.html">更多商品专题</a>
-                </div>
-                <div class="floorCon">
-                    <div id="goodsTopic" class="swiper-container">
-                        <ul class="swiper-wrapper" v-cloak>
-                            <li class="swiper-slide mfc" v-for="topic in item.floorData">
-                                <a :href="topic.link">
-                                    <img src="/img/base/placeholder.png" :data-original="topic.image" :alt="topic.title">
-                                </a>
-                            </li>
-                        </ul>
-                        <div class="swiper-pagination mfc"><span v-if="isPC" v-for="i in item.floorData.length"></span></div>
-                        <a class="swiper-button-prev" href="javascript:void(0)"></a>
-                        <a class="swiper-button-next" href="javascript:void(0)"></a>
-                    </div>
-                </div>
-            </div>
-            <div v-if="item.type==5" class="floorCon smallTopic">
-                <!--小专题-->
-                <ul class="mfw">
-                    <li v-for="topic in item.floorData" style="display: inline-block">
-                        <a :href="topic.link">
-                            <img src="/img/base/placeholder.png" :data-original="topic.image" :alt="topic.title">
-                            <p v-text="topic.title"></p>
-                        </a>
-                    </li>
-                </ul>
-            </div>
-            <div v-if="item.type==3">
-                <div class="floorTit">
-                    <h2 v-text="item.title" data-id="3">优质供应商</h2>
-                    <h5>采美正品联盟 质量保证</h5>
-                </div>
-                <div class="floorCon">
-                    <div class="supplierList">
-                        <ul class="clear mfw">
-                            <li><img src="/img/common/goodsup.png"/></li>
-                            <li v-for="topic in item.floorData" style="display: inline-block">
-                                <a :href="topic.link">
-                                    <img src="/img/base/placeholder.png" :data-original="topic.image" :alt="topic.title">
-                                    <p v-text="topic.title"></p>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--右侧边栏导航-->
-    <div id="sideNav">
-        <div class="item">
-            <a v-for="nav in asideNav" :data-id="nav.id" v-text="nav.value" href="javascript:void(0);"></a>
-        </div>
-    </div>
-    <!--左侧广告图-->
-    <div id="advertising">
-        <div class="item" v-for="ad in advertising">
-            <a :href="ad.link" target="_blank">
-                <img :src="ad.image" :alt="ad.title">
-            </a>
-            <span class="close"></span>
-        </div>
-    </div>
-</div>
-
-<!-- 引入底部 -->
-<template th:replace="components/footer"></template>
-<template th:replace="components/foot-link"></template>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/index.js(v=${version})}"></script>
-</body>
-</html>