删除多余部分文件

src/main/resources/static/css/base/base.h5.css

@@ -80,7 +80,9 @@
 .classifyBox .clsHead .close:before{content:'\2715';font-size:4.5vw;font-weight:bold}
 .classifyBox .mClassBtn:before{transform:rotate(90deg)}
 .classifyBox .clsTab,.classifyBox .clsCon{position:absolute;top:13.7vw;height:calc(100% - 13.7vw)}
-.classifyBox .clsTab{left:0;width:26vw;background:#FFF}
+.classifyBox .clsTab{left: 0;width: 100%;height:12vw;background:#FFF}
+.classifyBox .clsTab .clsTab-main{width: 100%;height: 12vw;display: flex;}
+.classifyBox .clsTab .clsTab-main a{display: flex;flex:1;height: 12vw;text-align: center;}
 .classifyBox .clsCon{right:0;width:73.6vw;overflow-y:scroll;-webkit-overflow-scrolling:touch}
 .classifyBox a{color:#93979F}
 .classifyBox .clsTab a{display:block;height:13vw;line-height:13vw;text-align:center;font-size:3.4vw}

src/main/resources/static/css/index/index_new.h5.css

@@ -1,24 +1,8 @@
  /* 首页导航 */
-.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:.27vw 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}
+.mNavBox{width:100%;margin:0 auto;padding:2.2vw 0;position:relative;background:#FFF;}
+.mNavBox .nav{width:25vw;margin:0;display:block;box-sizing: border-box;padding:2.2vw 0;text-align:center;color:#4A4F58;font-size:3.4vw;float: left;}
+.mNavBox .nav-icon{display:block;width: 11vw;height: 11vw;margin: 0 auto;}
+.mNavBox .nav p{line-height:6.4vw;white-space:nowrap;width: 100%;}
  .section_page{
         width: 100%;
         height: auto;
@@ -226,7 +210,7 @@
    }
    .section_right .item_banner .statu{
         height: 5.8vw;
-        border-radius: 2.4vw;
+        border-radius: 2.9vw;
         background: rgba(0,0,0,0.4);
         position: absolute;
         left:2vw;

src/main/resources/static/js/base.js

@@ -103,6 +103,13 @@ var globalHead = new Vue({
                                 trigger: "click"
                             });
                         },500);
+                        setTimeout(function(){
+                            $('#mainClassify').slide({
+                                mainCell:".tabItem_right",
+                                titCell:".tabItem_lift a",
+                                trigger: "click"
+                            });
+                        },500);
                     }
                 }else{
                     CAIMEI.Alert(response.msg, '确定');

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

@@ -12,7 +12,8 @@ var homeData = new Vue({
         infoList:[],//右侧文章模块
         pageList:[],//左侧楼层
         supplierImage:'',//供应商banner
-        supplierList:[]//供应商列表
+        supplierList:[],//供应商列表
+        topMenuList:[]
     },
     filters: {
         statusType:function(value) {
@@ -109,6 +110,16 @@ var homeData = new Vue({
                 }
             });
         },
+        GetNavigationMenu : function(){//获取顶部导航分类
+            var _self = this;
+            PublicApi.GetNavigationMenu({},function(response){
+                if(response.code == 0){
+                    _self.topMenuList = response.data.topMenuList;
+                }else{
+                    CAIMEI.Alert(response.msg, '确定');
+                }
+            });
+        },
         GetHomeRightData: function(){
             var _self = this;
             PublicApi.GetHomeRightData({ soure: 1 },function(response){
@@ -170,7 +181,6 @@ var homeData = new Vue({
                 }
             }
         }
-
     },
     created: function() {
         var userInfo = localStorage.getItem('userInfo');
@@ -180,6 +190,7 @@ var homeData = new Vue({
         this.GetBanners();
         this.GetHomeFloorData();
         this.GetHomeRightData();
+        this.GetNavigationMenu();
     },
     mounted: function() {
         // this.getAdvertising();

src/main/resources/templates/index.html

@@ -29,25 +29,12 @@
             <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 class="mNavBox h5Only clear">
+            <!--导航菜单-->
+            <a class="nav" :href="menu.link" target="_blank" v-for="(menu,index) in topMenuList">
+                <img class="nav-icon" :src="menu.icon" :alt="menu.name">
+                <p v-text="menu.name"></p>
+            </a>
         </div>
         <!--首页楼层主体数据-->
         <div class="section_container">