add

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

@@ -123,7 +123,7 @@
 .footLink .list.on{background:#2D3036}
 .footLink .list.on .tab:after{transform:rotate(90deg);content:'\2758'}
 .footContact{text-align:center;padding:6.4vw 0}
-.footContact p{display:inline-block;width:26.6vw;background:#FFF;border-radius:2px;overflow:hidden;margin:0 1.2vw}
+.footContact p{display:inline-block;width:20.1vw;background:#FFF;overflow:hidden;color: #4a4f58;height: 5.9vw;font-size: 3vw}
 .footContact p img{width:26.6vw;height:26.6vw}
 .footContact p span{line-height:8.8vw;white-space:nowrap;font-size:3.2vw;color:#4A4F58}
 .footContact .cellNumber{line-height:7.2vw;font-size:2.8vw;color:#FFF;padding-top:3vw}
@@ -220,5 +220,8 @@
 .empty{box-sizing:border-box;padding:15vw 0;text-align:center;color:#4A4F58;line-height:8vw;font-size:3.4vw;}
 .empty img{width:40vw;height:40vw;}
 .empty a{color:#E15616;}
-
+.footContact .footContact-code .item{
+    width: 20.1vw;
+    display: inline-block;
+}
 

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

@@ -100,7 +100,7 @@ iframe{width:320px !important;height: 280px !important}
 
 .baseHeadCenter,.baseTopNav{width:100%;background:#FFF}
 .baseHeadCenter .wrap{height: 100px;box-sizing: border-box;padding: 10px 0;}
-.baseHeadCenter .logo{float:left;width:178px;height:44px;margin-right:122px}
+.baseHeadCenter .logo{float:left;width:178px;height:44px;margin-right:122px;margin-top: 10px;}
 .baseHeadCenter .searchBox{width:668px;float:left}
 .baseHeadCenter .search{width:100%;height:44px;line-height:44px;border:1px solid #FFE6DC;position:relative}
 .baseHeadCenter .search:before{content:'';position:absolute;left:104px;top:16px;height:12px;border-right:2px solid #C0C6D1}

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

@@ -6,7 +6,7 @@
     #recommendBox .swiper-pagination span.on{width:28px;opacity:1;}
     .instrue-left {width: 900px;float: left;}
     .normal-nav{margin-top: 10px}
-    .instrue-left .top-category .normal-nav .nav-list:hover{border: 1px solid #e15616;transform:translateY(-5px);box-shadow:0 6px 6px rgba(102,102,102,0.1),0 6px 6px rgba(102,102,102,0.1),0 6px 6px rgba(102,102,102,0.1);}
+    .instrue-left .top-category .normal-nav .nav-list:hover{color:#e15616;transform:translateY(-5px);box-shadow:0 3px 3px rgba(102,102,102,0.3),0 3px 3px rgba(102,102,102,0.1),0 3px 3px rgba(102,102,102,0.1);}
     .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}
@@ -32,7 +32,7 @@
     .swiper-container div{height: auto;}
     .hotList .section_page_main a>a{display: block;}
     .hotList .section_page_main .productItem img{width: 100%;height: 164px;}
-    .productItem .name {margin-top: 8px;display: block;padding: 0 16px;height: 40px;line-height: 21px;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
+    .productItem .name {margin-top: 8px;display: block;padding: 0 8px;height: 40px;line-height: 21px;vertical-align: middle;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
     .productItem .price{border: 0;box-sizing: border-box;padding: 0 8px;height: 54px;width: 100%;}
     .productItem .price .price_text_tag{width: 100%;height: 22px;box-sizing: border-box;float: left;margin-top: 3px;}
     .productItem .price .price_text_tag .listTag{margin: 0;float: left}
@@ -63,7 +63,7 @@
     .item_icon{    width: 100%;height: 36px;padding: 12px 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}
+    .productItem .price em.bold{font-weight: bold;margin: 0}
 }
 
 
@@ -94,16 +94,11 @@
     .productItem .price .mIcon.i2:before {background-position: -84vw -76.5vw;}
     .productItem .price .mIcon.i3:before {background-position: -84vw -83.7vw;}
     .productItem .price .mIcon.i4:before {background-position: -84vw -90.7vw;}
-    #swiper-container{width:100%;height:48vw;overflow:hidden;position:relative}
-    #swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
-    #swiper-container .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center;background:#fff;}
-    #swiper-container .swiper-wrapper img{width:auto;height:48vw;display:block;max-width:none;}
-    #swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{display:none}
-    #swiper-container .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:1.5vw;left:0}
-    #swiper-container .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
-    #swiper-container .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#FFF;border-radius:.3vw}
-    #swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
-
+    #recommendBox{width: calc(100% + 2.6vw);height:150vw;margin-top:-1.3vw;margin-left: -1.3vw;overflow:hidden;position:relative;}
+    #recommendBox .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:2.6vw;left:0}
+    #recommendBox .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
+    #recommendBox .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#E15616;border-radius:.3vw}
+    #recommendBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
     .price {overflow: hidden;    width: 100%;box-sizing: border-box;padding: 0 3.2vw;}
     .productItem  .price .mIcon {display: inline-block;font-size: 0;height: 5vw;line-height: 5vw;vertical-align: text-bottom;}
     .icon.hot:before{width: 5.3vw;height:4.5vw;background-position: -53.9vw -69.3vw;position: absolute;top: -2.7vw;right: -2.7vw;}

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

@@ -96,19 +96,20 @@
                         ,vis:5
                     });
                 } else {
-                   var swiper = new Swiper('#recommendBox', {
-                        slidesPerView: 4,
-                        slidesPerColumn: 4,
-                        spaceBetween: 0,
-                        slidesPerGroup: 4,
-                        autoplay: {
-                            delay: 3000,
-                            disableOnInteraction: false
-                        },
-                        pagination: {
-                            el: '.swiper-pagination'
-                        }
-                    });
+                    var swiper = new Swiper('#recommendBox', {
+                                slidesPerView: 2,
+                                slidesPerColumn: 2,
+                                spaceBetween: 0,
+                                slidesPerGroup: 2,
+                                autoplay: {
+                                    delay: 3000,
+                                    disableOnInteraction: false
+                                },
+                                pagination: {
+                                    el: '.swiper-pagination'
+                                }
+                            });
+
                 }
             },500);
         },

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

@@ -143,7 +143,7 @@
                         <div class="tabItem_lift">
                             <template v-for="(nav,index) in big.list" :key="index" >
                                 <a :class="{'on':index==0}"  href="javascript:void(0);">
-                                    <img class="tabItem_lift_icon" :src="nav.wwwIcon ? nav.wwwIcon : ''" alt="">
+                                    <img class="tabItem_lift_icon" v-if="isPC" :src="nav.wwwIcon ? nav.wwwIcon : ''" alt="">
                                     {{ nav.name }}
                                 </a>
                             </template>
@@ -159,14 +159,14 @@
                                     </div>
                                     <div class="rgt mfw" >
                                         <template v-if="small.tinytypeList!='' && small.tinytypeList!=null"  v-for="tiny in small.tinytypeList">
-                                            <a :href="'/product/list.html?category='+nav.bigTypeID+'-'+small.smallTypeID+'-'+tiny.tinyTypeID" target="_blank">
-                                                <img v-if="!isPC" :src="tiny.icon" alt="tiny.name">
+                                            <a class="3" :href="'/product/list.html?category='+nav.bigTypeID+'-'+small.smallTypeID+'-'+tiny.tinyTypeID" target="_blank">
+                                                <img v-if="!isPC" :src="tiny.crmIcon" alt="tiny.name">
                                                 <span v-text="tiny.name"></span>
                                             </a>
                                         </template>
                                         <template v-if="!small.tinytypeList">
-                                            <a :href="'/product/list.html?category='+nav.bigTypeID+'-'+small.smallTypeID+'-0'" target="_blank">
-                                                <img v-if="!isPC" :src="tiny.icon" alt="全部商品">
+                                            <a  :href="'/product/list.html?category='+nav.bigTypeID+'-'+small.smallTypeID+'-0'" target="_blank">
+                                                <img v-if="!isPC" :src="small.crmIcon" alt="全部商品">
                                                 <p>全部商品</p>
                                             </a>
                                         </template>