首页改版commmit

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

@@ -163,7 +163,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:none;position:absolute;left:0;top:44.5px;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;}
@@ -181,14 +181,21 @@ iframe{width:320px !important;height: 280px !important}
 .classifyBox .tabItem_right .tabItem_right_content.on{display: block;}
 .classifyBox .tabItem_right .line{position:relative;line-height:40px;height: 40px;}
 .classifyBox .tabItem_right .lft{float: left;color:#000;line-height:40px;height: 40px;width: 150px;box-sizing: border-box;padding: 0 16px;font-weight: bold;}
-.classifyBox .tabItem_right .lft.none{width: 100px;}
-.classifyBox .tabItem_right .lft.none a{color: #E15616;}
+.classifyBox .tabItem_right .lft.none{width: 100px;font-weight: normal;}
+.classifyBox .tabItem_right .lft.none a{color: #627386;position: relative;}
+.classifyBox .tabItem_right .lft.none a:before{content: '';width:68px;height: 1px;position: absolute;left: 0;bottom: 0;background-color: #E15616;display: none;}
+.classifyBox .tabItem_right .lft.none:hover a{color: #E15616;}
+.classifyBox .tabItem_right .lft.none:hover a:before{animation: showBorder ease-in 0.3s;display: block;left:0;}
+@keyframes showBorder {0% {width:10px;display:none;}100% {width:68px;display: block;} }
+.classifyBox .tabItem_right .lft.none a span{text-align: center;display: inline-block;width: 100%;}
 .classifyBox .tabItem_right .lft a{display:inline-block;width:100%;line-height:40px;box-sizing:border-box;color: #627386;}
 .classifyBox .tabItem_right .lft a p{text-align: left;float: left;}
 .classifyBox .tabItem_right .lft a span{text-align: right;float: right;display: inline-block;}
 .classifyBox .tabItem_right .rgt{color:#666;position:relative;box-sizing: border-box;padding: 0 10px;height: 100%;line-height: 40px;float: left;}
-.classifyBox .tabItem_right .rgt a{display:inline-block;height:44px;line-height:44px;padding:0 10px;cursor:pointer;color: #627386;box-sizing: border-box;border-bottom: 1px solid #FFFFFF;}
-.classifyBox .tabItem_right .rgt a.on,.classifyBox .clsCon .rgt a:hover{color:#e15616;border-color: #E15616;}
+.classifyBox .tabItem_right .rgt a{display:inline-block;height:44px;line-height:44px;padding:0 10px;cursor:pointer;color: #627386;box-sizing: border-box;position: relative;}
+.classifyBox .tabItem_right .rgt a:before{content: '';width:68px;height: 1px;position: absolute;left: 0;bottom: 0;background-color: #E15616;display: none;}
+.classifyBox .tabItem_right .rgt:hover a:before{animation: showBorder ease-in 0.3s;display: block;left:0;}
+.classifyBox .tabItem_right .rgt a.on,.classifyBox .clsCon .rgt a:hover{color:#e15616;}
 .classifyBox .tabItem_right .rgt a p{text-align: left;float: left;}
 .classifyBox .tabItem_right .rgt a span{text-align: right;float: right;display: inline-block;}
 /*.classifyBox .line:hover .rgt:after,.classifyBox .line.on .rgt:after{content:'';position:absolute;left:0;top:0;z-index:1;border-right:1px solid #E15616;height:100%}*/

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

@@ -33,7 +33,7 @@ var homeData = new Vue({
             {
                 title:'推荐专区',
                 content:'推荐专区描述词推荐专区描述词',
-                type:1,
+                type:2,
                 advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
                 isPageMore:false,
                 listType:1,
@@ -201,7 +201,7 @@ var homeData = new Vue({
             },{
                 title:'二手专区',
                 content:'二手专区描述词二手专区描述词',
-                type:2,
+                type:8,
                 advertisement:'https://img12.360buyimg.com/babel/s1580x818_jfs/t1/148743/39/16659/91464/5fc8e0adEa1488544/8749912b10d1460a.jpg!cc_1580x818.webp',
                 advertisement1:'https://img11.360buyimg.com/n7/jfs/t1/150437/9/259/119917/5f58ad4fE61a83e28/dd7b0602bcb249f0.jpg',
                 isPageMore:false,

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

@@ -167,7 +167,6 @@
                                             <a href="">
                                                 <img v-if="!isPC" :src="tiny.icon" alt="tiny.name">
                                                 <p>全部商品</p>
-                                                <span> > </span>
                                             </a>
                                         </template>
                                     </div>
@@ -177,7 +176,7 @@
                                         <div class="lft none">
                                             <a href="">
 <!--                                                <img v-if="!isPC" :src="tiny.icon" alt="tiny.name">-->
-                                                <span>全部商品></span>
+                                                <span>全部商品</span>
                                             </a>
                                         </div>
                                     </div>