首页修改楼层字段

src/main/resources/static/css/product/product-hot.css

@@ -12,7 +12,7 @@ li{list-style:none}
     #productHotBanner{width:100%;height:480px;background: url("/img/hot/icon-hotpor-bg.png");position:relative;box-sizing: border-box;padding: 16px;}
     #productHotBanner .swiper-wrapper{position:relative;height:100%;z-index:0}
     #productHotBanner .swiper-wrapper .swiper-slide{width:100%;height: 480px;position:relative;zoom:1;vertical-align:middle;overflow:hidden;}
-    #productHotBanner .swiper-wrapper .swiper-slide-image{width: 448px;height: 448px;float: left;}
+    #productHotBanner .swiper-wrapper .swiper-slide-image{width: 448px;height: 448px;float: left;box-sizing: border-box;border: 1px solid #e1e1e1;}
     #productHotBanner .swiper-wrapper .swiper-slide-image img{width: 448px;height: 448px;display: block;}
     #productHotBanner .swiper-wrapper .swiper-slide-info{width: 700px;height: 448px;float: right;box-sizing: border-box;padding: 72px 100px;}
     #productHotBanner .swiper-wrapper .swiper-slide-info .swiper-slide-name{width:100%;height: auto;margin-bottom: 110px;}
@@ -124,7 +124,7 @@ li{list-style:none}
     #productHotBanner .swiper-wrapper{position:relative;height:48vw;z-index:0}
     #productHotBanner .swiper-wrapper .swiper-slide{width:100%;height: 41.4vw;position:relative;zoom:1;vertical-align:middle;overflow:hidden;}
     #productHotBanner .swiper-wrapper .swiper-slide a{display: block;width: 100%;height: 100%;}
-    #productHotBanner .swiper-wrapper .swiper-slide-image{width: 41.4vw;height: 41.4vw;float: left;}
+    #productHotBanner .swiper-wrapper .swiper-slide-image{width: 41.4vw;height: 41.4vw;float: left;box-sizing: border-box;border: 1px solid #e1e1e1;}
     #productHotBanner .swiper-wrapper .swiper-slide-image img{width: 41.4vw;height: 41.4vw;display: block;}
     #productHotBanner .swiper-wrapper .swiper-slide-info{width: 38.2vw;height: 41.4vw;float: right;box-sizing: border-box;padding: 4vw 2vw;position: relative;}
     #productHotBanner .swiper-wrapper .swiper-slide-info .swiper-slide-name{width:100%;height: auto;margin-bottom:11vw;}

src/main/resources/static/js/index.js

@@ -135,7 +135,7 @@ var homeData = new Vue({
                 if(response.code == 0){
                     var data = response.data;
                     _self.homePageFloor = data.homePageFloor;
-                    _self.hotListPageFloor =  data.PageFloor;
+                    _self.hotListPageFloor =  data.pageFloorList;
                     setTimeout(function(){
                         // 图片懒加载
                         $("img[data-original]").lazyload();

src/main/resources/templates/index.html

@@ -142,7 +142,7 @@
                         <div class="swiper-container-floor hotList" id="recommendBox">
                             <div class="section_page_main type_08 swiper-wrapper recommendBox-wrapper clear mfw section_8 max">
                                 <!-- 商品/图片 列表 -->
-                                <a :href="pros.link" class="page_main_item hot ad_04 swiper-slide" target="_blank" v-for="pros in floor.floorImageList">
+                                <a :href="pros.link" class="page_main_item hot ad_04 swiper-slide" target="_blank" v-for="pros in floor.floorImageList4">
                                     <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.product.image" :alt="pros.name">
                                     <div class="page_main_type" v-if="pros && pros.product.productType && pros.product.productType === 2">医疗器械</div>
                                     <div class="page_main_text">
@@ -389,7 +389,7 @@
                         <div class="hotList swiper-container-floor" id="recommendBox">
                             <div class="section_page_main type_08 swiper-wrapper recommendBox-wrapper clear mfw section_8">
                                 <!-- 商品/图片 列表 -->
-                                <th:block th:each="pros : ${floor.get('floorImageList')}"  th:object="${pros}">
+                                <th:block th:each="pros : ${floor.get('floorImageList4')}"  th:object="${pros}">
                                     <a th:href="*{link}" class="page_main_item hot ad_04 swiper-slide" target="_blank">
                                         <img class="page_main_image" src="/img/base/placeholder.png" th:attr="data-original=*{image}" th:alt="*{name}">
                                         <th:block th:if="${pros.get('product')}!=null" th:object="${pros.get('product')}">