add

src/main/resources/static/css/product/instruement.css

@@ -9,13 +9,13 @@
     .instrue-left .top-category .normal-nav .nav-list:hover{color:#e15616;transform:translateY(-5px);box-shadow:0 8px 8px rgba(102,102,102,0.05), 0 10px 10px rgba(102,102,102,0.05), 0 12px 12px rgba(102,102,102,0.05);}
     .instrue-left .top-category .normal-nav .nav-list {border:1px solid #fff;display: inline-block;margin: 0 16px 16px 0;width: 132px;height: 88px;background: #fff;text-align: center;color: #4a4f58;font-size: 16px;cursor: pointer;transition: all 0.4s}
     .instrue-left .top-category .normal-nav .nav-list.active {border: 1px solid #e15616;color: #e15616;}
-    .instrue-right {float: right;width: 252px;background: #fff;padding: 16px;margin-top: 10px}
+    .instrue-right {float: right;width: 252px;background: #fff;padding: 16px;margin-top: 10px;min-height: 343px;overflow: auto;}
     .instrue-right .wrap_tittle{padding-bottom: 10px;color: #4a4f58;font-size: 16px;font-weight: bold;border-bottom: 1px solid #f5f5f5;position: relative;}
     .instrue-right .hot-search{padding:24px 0px 0px 0px;}
     .instrue-right .hot-search .hot-list{display: inline-block;height: 32px;line-height: 32px;background: #f7f7f7;margin: 0 12px 12px 0;padding: 0 13px;color: #4a4f58;cursor: pointer;position: relative}
     .instrue-right .hot-search .hot-list:hover{background:#fef6f3;color: #e15616 }
     .productItem:hover .name{color: #e15616;}
-    .productItem:hover{transform:translateY(-5px);box-shadow:0 12px 12px rgba(102,102,102,0.1),0 14px 14px rgba(102,102,102,0.1),0 16px 16px rgba(102,102,102,0.1);}
+    .productItem:hover{transform:translateY(-5px);box-shadow: 0 8px 8px rgba(102,102,102,0.05), 0 10px 10px rgba(102,102,102,0.05), 0 12px 12px rgba(102,102,102,0.05);}
     .instrue-right .wrap_tittle .line{height: 2px;width: 16px;background: #e15616;display: block;position: absolute;bottom: 0}
     .floorTit {padding: 24px 0 16px 0;position: relative;}
     .floorTit h2, .floorTit h3 {font-weight: bold;color: #4a4f58;font-size: 24px;line-height: 40px;}

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

@@ -142,7 +142,7 @@
                     <div class="tabItem" v-for="big in NavsList" style="display: none;">
                         <div class="tabItem_lift">
                             <template v-for="(nav,index) in big.list" :key="index" >
-                                <a :class="{'on':index==0}"  :href="'/product/instruelist.html?bigTypeID='+nav.bigTypeID+'&typeSort='+nav.typeSort+''">
+                                <a :class="{'on':index==0}"   href="javascript:void(0);">
                                     <img class="tabItem_lift_icon" v-if="isPC" :src="nav.wwwIcon ? nav.wwwIcon : ''" alt="">
                                     {{ nav.name }}
                                 </a>