add

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

@@ -322,8 +322,23 @@
         padding: 0 1.3vw;
         border-radius: .54vw;
     }
-    .price_grade .bold{font-weight: bold}
-
-
-
-
+.price_grade .bold{font-weight: bold}
+.section_right .item_banner .statu .icon-live{
+    display: block;
+    width: 3vw;
+    height: 3vw;
+    float: left;
+    margin: 1.6vw 0 0 1.6vw;
+    background: url("/img/live/icon-live.h5.gif");
+    background-size: cover;
+}
+.section_right .item_banner .statu .mIcon.icon-end:before{
+    width: 5.3vw;
+    height: 4vw;
+    background-position: -60.8vw -66.4vw;
+}
+.section_right .item_banner .statu .mIcon.icon-wart:before{
+    width:5.3vw;
+    height: 4vw;
+    background-position: -56.5vw -66.4vw;
+}

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

@@ -6,8 +6,10 @@
     #recommendBox .swiper-pagination span.on{width:28px;opacity:1;}
     .instrue-left {width: 900px;float: left;}
     .normal-nav{margin-top: 10px}
+    .top-category{overflow: hidden;}
     .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 {border:1px solid #fff;float: left;margin: 0 16px 16px 0;width: 132px;height: 104px;background: #fff;text-align: center;color: #4a4f58;font-size: 16px;cursor: pointer;transition: all 0.4s}
+    .instrue-left .top-category .normal-nav .nav-list a{padding: 0 10px;text-align: center;display: block;line-height: 22px;}
     .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;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;}
@@ -60,7 +62,7 @@
     .productItem .price em.p{color:#f94b4b ;}
     .icon.hot:before{width: 25px;height: 20px;background-position: -120px -550px;position: absolute;top: -10px;right: -10px}
     .brand{color: #9aa5b5;margin: 10px 16px;border: 1px solid #e3ebf7;display: inline-block;padding: 0 10px;border-radius: 2px}
-    .item_icon{    width: 100%;height: 36px;padding: 12px 0;}
+    .item_icon{ width: 100%;height: 36px;padding: 12px 0 8px 0;}
     .item_icon img{width: 36px;height: 36px;display: block;margin: 0 auto;}
     .productItem .price em{font-weight: normal}
     .productItem .price em.bold{font-weight: bold;margin: 0}

src/main/resources/templates/index.html

@@ -52,7 +52,7 @@
                                     <img :src="live.image ? live.image : '/img/base/placeholder.png'" alt="">
                                     <div class="name" ></div>
                                     <div class="statu">
-                                        <i :class="live.liveStatus | statusTypeClass"></i>
+                                        <i :class="live.liveStatus | statusTypeClass" class="mIcon"></i>
                                         <p>{{ live.liveStatus | statusType }}</p>
                                     </div>
                                 </a>

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

@@ -38,7 +38,7 @@
                 <div class="instrue-left">
                     <div class="top-category">
                         <ul class="normal-nav clearfix">
-                            <li class="nav-list" v-for="(item,index) in categorylist" @click="toserch(item)"><div class="item_icon"><img :src="item.crmIcon "/></div>{{item.name}}</li>
+                            <li class="nav-list" v-for="(item,index) in categorylist" @click="toserch(item)"><div class="item_icon"><img :src="item.crmIcon"/></div><a>{{item.name}}</a></li>
                         </ul>
                     </div>
                     <div class="page-list" v-for="(page,index) in floorList" >