首页优化

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

@@ -161,7 +161,7 @@ iframe{width:320px !important;height: 280px !important}
 .baseTopNav .navBox{width:500px}
 .baseTopNav .navBox ul{width:980px;}
 .baseTopNav .navBox li{float:left;position:relative}
-.baseTopNav .classifyBox{display:none;position:absolute;left:0;top:44px;z-index:990;min-height: 445px;padding: 0 0 20px 0;}
+.baseTopNav .classifyBox{display:block;position:absolute;left:0;top:44px;z-index:990;min-height: 445px;padding: 0 0 20px 0;}
 /* 分类 */
 .classifyBox{margin:0 auto;box-sizing:border-box;background:rgba(255,255,255,1);border-radius:0 0 2px 2px}
 .classifyBox .clsTab{height:56px;line-height:56px;white-space:nowrap;padding:0 20px;}
@@ -180,10 +180,10 @@ iframe{width:320px !important;height: 280px !important}
 .classifyBox .tabItem_right .line{position:relative;line-height:60px;height: 60px;}
 .classifyBox .tabItem_right .lft{float: left;color:#000;line-height:60px;height: 60px;box-sizing: border-box;padding: 0 0 0 16px;font-weight: bold;}
 .classifyBox .tabItem_right .lft.none{}
-.classifyBox .tabItem_right .lft.none a{color: #627386;position: relative;}
-.classifyBox .tabItem_right .lft.none a:before{content: '';width:40px;height: 2px;position: absolute;left: 50%;bottom: 5px;margin-left: -20px;background-color: #E15616;display: none;border-radius: 1px;}
-.classifyBox .tabItem_right .lft.none:hover a{color: #E15616;}
-.classifyBox .tabItem_right .lft.none a:hover:before{animation: showBorder ease-in 0.3s;display: block;left: 50%;}
+.classifyBox .tabItem_right .lft a{color: #627386;position: relative;}
+/*.classifyBox .tabItem_right .lft.show a:before{content: '';width:40px;height: 2px;position: absolute;left: 50%;bottom: 5px;margin-left: -20px;background-color: #E15616;display: none;border-radius: 1px;}*/
+.classifyBox .tabItem_right .lft a:hover {color: #E15616;}
+/*.classifyBox .tabItem_right .lft.show a:hover:before{animation: showBorder ease-in 0.3s;display: block;left: 50%;}*/
 @keyframes showBorder {0% {width:0px;display:none;}100% {width:40px;display: block;} }
 .classifyBox .tabItem_right .lft.none a span{text-align: center;display: inline-block;}
 .classifyBox .tabItem_right .lft a{display:inline-block;width:100%;line-height:60px;box-sizing:border-box;color: #627386;}

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

@@ -176,7 +176,6 @@ var globalHead = new Vue({
             }
         },
         hideGlobalMenu: function(){
-            console.log('222222222222222')
             if(!isPC){
                 $("#mGlobalMenu").hide().find(".cShow").hide();
             }
@@ -218,9 +217,9 @@ $(function(){
     });
     // 导航分类
     if(isPC){
-        jqClickShow(".baseHeadTop .cTab", ".baseHeadTop .cShow");
-        jqSelect(".jqSelect");
-        jqHoverShow(".classBtn", "#mainClassify");
+        // jqClickShow(".baseHeadTop .cTab", ".baseHeadTop .cShow");
+        // jqSelect(".jqSelect");
+        // jqHoverShow(".classBtn", "#mainClassify");
     }else{
         jqMultipleShow("click", ".footLink .list", ".tab", ".con", true);
         $('body').on('click', '.baseHeadCenter .mClassBtn',function () {

src/main/resources/templates/components/header.html

@@ -151,7 +151,7 @@
                         <div class="tabItem_right">
                             <div class="tabItem_right_content" v-for="(nav,i) in big.list" :class="{'on':i==0}">
                                 <div class="line"  v-if="nav.smalltypeList.length>0" v-for="small in nav.smalltypeList">
-                                    <div class="lft">
+                                    <div class="lft show">
                                         <a :href="'/product/instruelist.html?bigTypeID='+nav.bigTypeID+'&smallTypeID='+small.smallTypeID+'&typeSort='+nav.typeSort+''" target="_blank">
                                             <span v-if="isPC"> > </span>
                                             <p>{{ small.name }}</p>
@@ -172,22 +172,22 @@
                                         </template>
                                     </div>
                                 </div>
-                            <template v-if="!nav.smalltypeList">
-                                <div class="line">
-                                    <div class="lft none">
-                                        <a :href="'/product/instruelist.html?bigTypeID='+nav.bigTypeID+'&typeSort='+nav.typeSort+''" target="_blank">
-                                            <span v-if="isPC"> > </span>
-                                            <p>{{ nav.name }}</p>
-                                        </a>
-                                    </div>
-                                    <div class="rgt mfw" >
-                                        <a :href="'/product/instruelist.html?bigTypeID='+nav.bigTypeID+'&typeSort='+nav.typeSort+''" target="_blank">
-                                            <img v-if="!isPC" :src="nav.crmIcon" alt="全部商品">
-                                            <p>全部商品</p>
-                                        </a>
+                                <template v-if="!nav.smalltypeList">
+                                    <div class="line">
+                                        <div class="lft none">
+                                            <a :href="'/product/instruelist.html?bigTypeID='+nav.bigTypeID+'&typeSort='+nav.typeSort+''" target="_blank">
+                                                <span v-if="isPC"> > </span>
+                                                <p>{{ nav.name }}</p>
+                                            </a>
+                                        </div>
+                                        <div class="rgt mfw" >
+                                            <a :href="'/product/instruelist.html?bigTypeID='+nav.bigTypeID+'&typeSort='+nav.typeSort+''" target="_blank">
+                                                <img v-if="!isPC" :src="nav.crmIcon" alt="全部商品">
+                                                <p>全部商品</p>
+                                            </a>
+                                        </div>
                                     </div>
-                                </div>
-                            </template>
+                                </template>
                             </div>
                         </div>
                     </div>