add

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

@@ -71,7 +71,7 @@
     .instrue-right{width: 100%;background: #fff;padding: 3.2vw 0;}
     .instrue-right .wrap_tittle{padding: 0 3.2vw;color: #909090; font-size: 3.4vw;}
     .instrue-right .hot-search{padding: 2.7vw;overflow: hidden;height: 3vw;background: #fff;border-radius: 0 0 1.6vw 1.6vw;}
-    .instrue-right .hot-search ul .hot-list{display: inline-block;background: #f7f7f7;color: #4a4f58;font-size: 3.2vw;padding: .7vw 2vw;margin: 0 2.4vw 3.1vw 0;position: relative;}
+    .instrue-right .hot-search .hot-list{display: inline-block;background: #f7f7f7;color: #4a4f58;font-size: 3.2vw;padding: .7vw 2vw;margin: 0 2.4vw 3.1vw 0;position: relative;}
     .instrue-left{margin-top: 3vw;}
     .top-category{background: #fff;}
     .top-category .nav-list{display: inline-block;width: 25%;height: 21vw;text-align: center;}
@@ -110,8 +110,8 @@
     .hotList .section_page_main.type{height: 167vw}
     .open.mIcon:before{width: 5.4vw;height: 5.4vw;background-position: -51vw 0px;transition:none}
     .close.mIcon:before{width: 5.4vw;height: 5.4vw;background-position: -42vw 0px;transition:none}
-    .instrue-right .hot-search ul{width: 90%;float: left}
-    .instrue-right .hot-search div{float: right;width: 10%;text-align: center}
+    .instrue-right .hot-search .left-box{width: 90%;float: left}
+    .instrue-right .hot-search .right-box{float: right;width: 10%;text-align: center}
     .item_icon{height: 8.8vw;padding: 2.7vw 0;width: 100%}
     .item_icon img{width: 8.8vw;height: 8.8vw;display: block;margin: 0 auto}
     .bg{

src/main/resources/templates/product/instrument.html

@@ -25,10 +25,10 @@
                     </template>
                     <template  v-else>
                         <div class="hot-search" :style="showflag?'height:auto':''">
-                           <ul>
-                               <li class="hot-list" v-for="(item,index) in hotlist"><i class="icon mIcon hot"></i>{{item.name}}</li>
-                           </ul>
-                           <div  @click="showNav">
+                           <div class="left-box">
+                               <a class="hot-list" v-for="(item,index) in hotlist"  :href="item.link"><i class="icon mIcon hot"></i>{{item.name}}</a>
+                           </div>
+                           <div class="right-box" @click="showNav">
                               <span class="mIcon" :class="showflag?'close':'open'"></span>
                            </div>
                         </div>