add

src/main/resources/static/css/flea-market/list.css

@@ -89,11 +89,12 @@
     .no-content{padding:26.6vw 5.3vw;background-color: #fff;margin: auto;}
     .no-content img{width: 50%;display: block;margin: 0 auto;padding: 0.5rem 0;}
     .error-message{text-align: center;margin-top: 5.3vw;font-size: 3.7vw;color: #53504D}
-    .fabu{width: 15vw;height: 12vw;text-align: center;font-size: 3vw;background: #fff;position: fixed;bottom: 35.5vw;right: 3.2vw;border-radius: 0.2vw;}
-    .fabu a{ color: #fff;display: block;background: #e15616;height: 12vw;width:15vw;box-sizing: border-box;padding: 1.2vw 0;border-radius: 0.2vw;}
+    .fabu{margin: auto; width: 100%;text-align: center;font-size: 3vw;position: fixed;bottom: 0;    background: #fff;padding: 2.7vw 0; }
+    .fabu a{ display: inline-block;box-sizing: border-box;border-radius:.54vw;width: 45.4vw;height: 9.8vw;line-height: 9.8vw}
+    .fabu .intro{ background: #ffe6dc;color: #e15616;margin-right: 2.7vw;}
+    .fabu .form{background: linear-gradient(135deg, #f28f31 0%, #e15616 100%);color: #ffffff;}
     .fabu a .mIcon{width: 4.6vw;height: 4.6vw;display: block;margin: 0 auto;}
     .fabu a .mIcon:before{width: 4.6vw;height: 4.6vw;display: block;background-position: -93vw -53vw;}
-    .fabu a p{line-height: 4.2vw;text-align: center;margin-top: 1vw;}
     .scroll-load{width: 100%;padding: 2vw 0;}
     .scroll-load .icon-load{width:20vw;margin:  0 auto;}
     .scroll-load .icon-load img{float: left;display: inline-block;margin-right: 2vw;}

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

@@ -22,16 +22,14 @@
 .floorTit h5 {font-weight: normal;color:#93979f;font-size: 14px;line-height: 16px;}
 .hotList ul li.img01 {width: 524px;}
 .hotList ul li.img02{width: 344px;}
-.hotList ul li.imgbaner{width: 884px;height: 120px;}
+.hotList .imgbaner{width: 884px;height: 120px;}
 .hotList ul li img {width: 100%;height: 100%;}
 .hotList ul{height: 560px;overflow: hidden;}
 .hotList ul.type{height: 704px;}
 .hotList ul.height{height: auto;}
 .hotList ul li {width: 164px;height: 268px;float: left;background: #fff;position: relative;margin: 0 16px 16px 0;overflow: hidden;float: left;transition: all 0.4s;}
-.collocation ul li{height: 218px;}
 .swiper-container ul li{margin-right: 16px;}
 .swiper-container ul{height: auto;}
-.collocation ul{height: 468px;}
 .hotList ul li a{display: block;}
 .hotList ul .productItem img{width: 100%;height: 164px;}
 .productItem .name {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}
@@ -57,12 +55,69 @@
 .icon.more:before{background-position: -93px 7px;width: 20px;height: 32px;right: 0;position: absolute}
 .unfold:hover{color: #E15616;border-color: #E15616;}
 .productItem .price em.p{color:#f94b4b ;}
-.icon.hot:before{
-    width: 25px;
-    height: 20px;
-    background-position: -120px -550px;
-    position: absolute;
-    top: -10px;
-    right: -10px
+.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}
 }
+
+
+@media screen and (max-width:768px) {
+.instrue-right{position: absolute;top: 27vw;width: 100%;background: #fff;padding: 3.2vw 0;}
+.instrue-right .wrap_tittle{padding: 0 3.2vw;}
+.instrue-right .hot-search{padding: 2.7vw;overflow: hidden;height: 3vw}
+.instrue-right .hot-search ul .hot-list{display: inline-block;background: #f7f7f7;color: #4a4f58;font-size: 3.2vw;padding: .7vw 2vw;margin: 0 2vw 2vw 0;position: relative;}
+.instrue-left{margin-top: 23vw;}
+.top-category{background: #fff}
+.top-category .nav-list{display: inline-block;width: 25%;height: 24vw;line-height: 32.8vw;text-align: center;}
+.floorTit {padding: 4.8vw 0 2.4vw 3.2vw;position: relative;}
+.floorTit h2, .floorTit h3 {font-weight: bold;color: #4a4f58;font-size:4.8vw;line-height: 9.7vw}
+.floorTit h5 {font-weight: normal;color:#93979f;font-size: 3.4vw;line-height: 4.3vw;}
+.floorCon{margin: auto;width: 97vw;}
+.floorCon .hotList ul li{width: 45.6vw;height: 68vw;overflow: hidden;margin: 0 1.3vw 2.6vw 1.3vw;background: #fff;text-align: left;}
+.hotList ul li.img01 img,.hotList ul li.img02 img{height: 100%}
+.hotList ul li img {width: 45.6vw;height: 45.6vw}
+.productItem .name{display: block;padding: 0 3.2vw;height:9.3vw;line-height: 4.8vw;font-size: 3.4vw;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 em{display: block;height: 7vw;line-height: 7vw;color: #4A4F58;font-style: normal;font-weight: bold;float: left;}
+.unfold{width: 20vw;height: 6.4vw;margin: 5vw auto;border: .27vw solid #cccccc;color: #909090;font-size: 3vw;line-height: 6.4vw;text-align: center;border-radius: .54vw}
+.productItem .price .mIcon:before{width:15.8vw;height: 5vw}
+.productItem .price .mIcon.i5:before {
+    background-position: -2px -832px;
+}
+.productItem .price .mIcon.i1:before {
+    background-position: -315px -260px;
+}
+.productItem .price .mIcon.i2:before {
+    background-position: -315px -287px;
+}
+.productItem .price .mIcon.i3:before {
+    background-position: -315px -314px;
+}
+.productItem .price .mIcon.i4:before {
+    background-position: -315px -340px;
+}
+#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}
+
+.price {padding: 2.7vw 3.2vw;overflow: hidden;}
+.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;}
+.priceTag .tag, .listTag{padding: 0 2vw;border: .27vw solid #ffe6dc;background: none;font-size: 2.8vw;float: right;}
+.brand{color: #9aa5b5;margin: 10px 16px;border: .27vw solid #e3ebf7;display: inline-block;padding: 0 5px;border-radius: .54vw}
+.floorCon .hotList .imgbaner{width: 93.6vw;height: 24vw;margin:1.3vw auto}
+.floorCon .hotList .imgbaner img{width: 100%;height: 100%;}
+.hotList ul {height: 140vw;overflow: hidden;}
+.hotList ul.type{height: 167vw}
+.open.mIcon:before{
+    width: 5.4vw;
+    height: 5.4vw;
+    background-position: -51vw 0px;
+}
+.instrue-right .hot-search ul{width: 90%;float: left}
+.instrue-right .hot-search div{float: right;width: 10%;text-align: center}
 }

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

@@ -425,7 +425,48 @@
 * 移动端
 */
 @media screen and (max-width:768px) {
+    .section_container_right{
+        position: absolute;
+        top: 27vw;
+        width: 100%;
+        background: #fff;
+        padding: 3.2vw 0 0 3.2vw;
+    }
+    .search_hotlist_main .title{
+        color: #909090;
+        font-size: 3.4vw;
+        padding: 2.7vw 0
+    }
+    .search_hotlist_item{
+        display: inline-block;
+        background: #f7f7f7;
+        color: #4a4f58;
+        font-size: 3.2vw;
+        padding: .7vw 2vw;
+        margin: 0 2vw 2vw 0;
+        position: relative;
+    }
+    .search_hotlist_content {
+        width: 90%;
+        float: left;
+    }
+    .search_hotlist_item .icon:before {
+        width: 5.3vw;
+        height: 4.5vw;
+        background-position: -53.9vw -69.3vw;
+        position: absolute;
+        top: -2.7vw;
+        right: -2.7vw
+    }
+    .search_hotlist_main .open{
+        float: right;
+        width: 10%;
+        text-align: center;
+    }
+    .search_hotlist_main .open .mIcon:before {
+    width: 5.4vw;
+    height: 5.4vw;
+    background-position: -51vw 0px;
+}
 
-
-
-}
+}

src/main/resources/static/css/single-page/repair.css

@@ -21,8 +21,8 @@ li{list-style:none}
 * 移动端
 */
 @media screen and (max-width:768px){
-.title{height:10vw;line-height:10vw;padding-left:10px;font-size:3.7vw;color:#4A4F58;background:#FFF;font-weight:bold;text-align:center}
-.title .btn{display: block;background: #e15616;color: #fff;position: fixed;bottom: 0;width: 95%;border-radius: 45px;margin: auto;z-index: 999}
+.title{height:10vw;line-height:10vw;font-size:3.7vw;color:#4A4F58;background:#FFF;font-weight:bold;text-align:center}
+.title .btn{display: block;background: #e15616;color: #fff;position: fixed;bottom: 0;width: 100%;margin: auto;z-index: 999;line-height:11.8vw }
 .content{width:100vw;margin:0 auto;background:#FFF}
 .content img{display:block;width:100%}
 .content .btnBox{height:21.4vw}

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

@@ -35,7 +35,7 @@
         },
          getRecommends: function(){
             var _self = this;
-            $.getJSON("/home/recommend").done(function (r) {
+            $.getJSON(spiServer+"/home/recommend").done(function (r) {
                 if (r.code === 0 && r.data) {
                     _self.recommends = r.data;
                     _self.recommendPage = Math.ceil(r.data.length / 5);

src/main/resources/templates/flea-market/list.html

@@ -99,8 +99,12 @@
             </div>
         </div>
         <div class="fabu" v-if="!isPC">
-             <a href="/flea-market/form.html">
-                 <i class="icon mIcon"></i>
+             <a class="intro" href="/flea-market/intro.html">
+<!--                 <i class="icon mIcon"></i>-->
+                 <p>二手市场介绍</p>
+             </a>
+             <a class="form" href="/flea-market/form.html">
+<!--                 <i class="icon mIcon"></i>-->
                  <p>我要发布</p>
              </a>
         </div>

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

@@ -30,7 +30,7 @@
                                     <a class="image" :href="'/product-'+p.id+'.html'">
                                     <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name"></a>
                                     <a class="name" :href="'/product-'+p.id+'.html'" target="_blank"><p v-html="p.name"></p> </a>
-                                     <div class="price mfhc">
+                                     <div class="price">
                                         <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
                                             <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                             <template v-if="p.priceFlag==1">
@@ -76,7 +76,7 @@
                                     <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
                                         <p v-html="p.name"></p>
                                     </a>
-                                     <div class="price mfhc">
+                                     <div class="price">
                                         <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
                                             <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                             <template v-if="p.priceFlag==1">
@@ -114,13 +114,12 @@
                    </div>
                     <div class="floorCon">
                         <div class="hotList collocation">
-                            <ul class="clear" :class="moreflag?'':'height'">
+                            <ul class="clear mfw" :class="moreflag?'':'height'">
                                 <li  class="productItem " v-for="p in recommends">
                                    <a class="image" :href="'/product-'+p.id+'.html'">
                                         <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
-                                    </a>
-                                    <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
-                                        <p v-html="p.name"></p>
+                                        <span class="brand">华熙生物</span>
+                                        <p class="name" v-html="p.name"></p>
                                     </a>
                                 </li>
                             </ul>
@@ -142,7 +141,7 @@
                                     <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
                                         <p v-html="p.name"></p>
                                     </a>
-                                     <div class="price mfhc">
+                                     <div class="price">
                                         <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
                                             <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                             <template v-if="p.priceFlag==1">
@@ -180,7 +179,7 @@
                  </div>
                  <div class="floorCon">
                     <div class="hotList">
-                        <ul class="type" :class="moreflag?'':'height'">
+                        <ul class="type clear mfw" :class="moreflag?'':'height'">
                             <li class='imgbaner'><img src="http://m.360buyimg.com/babel/jfs/t1/154859/31/6073/29706/5fb1d2c4E73af2908/9054ba7e4d595637.jpg.webp"></li>
                             <li class="img01"><img src="https://img-b.caimei365.com/group1/M00/03/11/Cmgy61_S3bGAKnQdAAEL2eOO3HU338.png"/></li>
                             <li class="productItem " v-for="p in recommends">
@@ -228,7 +227,7 @@
                  </div>
                  <div class="floorCon">
                     <div class="hotList">
-                        <ul class="type" :class="moreflag?'':'height'">
+                        <ul class="type clear mfw"  :class="moreflag?'':'height'">
                             <li class='imgbaner'><img src="http://m.360buyimg.com/babel/jfs/t1/154859/31/6073/29706/5fb1d2c4E73af2908/9054ba7e4d595637.jpg.webp"></li>
                             <li class="img01"><img src="https://img-b.caimei365.com/group1/M00/03/11/Cmgy61_S3bGAKnQdAAEL2eOO3HU338.png"/></li>
                             <li class="img02"><img src="https://img-b.caimei365.com/group1/M00/03/11/Cmgy61_S3WSAC5igAAIpbsQkSoo172.png"/></li>
@@ -277,7 +276,7 @@
                  </div>
                  <div class="floorCon">
                     <div class="hotList">
-                        <ul class="type" :class="moreflag?'':'height'">
+                        <ul class="type clear mfw" :class="moreflag?'':'height'">
                             <li class='imgbaner'><img src="http://m.360buyimg.com/babel/jfs/t1/154859/31/6073/29706/5fb1d2c4E73af2908/9054ba7e4d595637.jpg.webp"></li>
                             <li class="productItem " v-for="p in recommends">
                                 <a class="image" :href="'/product-'+p.id+'.html'">
@@ -324,8 +323,8 @@
                  </div>
                  <div class="floorCon">
                     <div class="hotList">
-                        <ul class="type" :class="moreflag?'':'height'">
-                            <li class="productItem " v-for="p in recommends">
+                        <ul class="clear mfw" :class="moreflag?'':'height'">
+                            <li class="productItem " v-for="p in recommends" >
                                 <a class="image" :href="'/product-'+p.id+'.html'">
                                     <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
                                 </a>
@@ -359,8 +358,8 @@
                                     </template>
                                  </div>
                             </li>
-                            <li class='imgbaner'><img src="https://img-b.caimei365.com/group1/M00/03/12/Cmgy61_S4BWAYIrqAAMWFPMHILs549.png"></li>
                         </ul>
+                        <li class='imgbaner'><img src="https://img-b.caimei365.com/group1/M00/03/12/Cmgy61_S4BWAYIrqAAMWFPMHILs549.png"></li>
                         <div class="unfold" @click="seeMore"  v-if="moreflag">查看更多 ∨</div>
                     </div>
                  </div>
@@ -375,6 +374,9 @@
                    <ul>
                        <li class="hot-list" v-for="(item,index) in hotlist"><i class="icon mIcon hot"></i>{{item.name}}</li>
                    </ul>
+                   <div v-if="!isPC">
+                       <span class="mIcon open"></span>
+                   </div>
                 </div>
             </div>
         </div>

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

@@ -479,6 +479,9 @@
                         <p>{{ item.name }}</p>
                     </a>
                 </div>
+                <div v-if="!isPC" class="open">
+                       <span class="mIcon"></span>
+                </div>
             </div>
         </div>
     </div>

src/main/resources/templates/single-page/investment.html

@@ -17,9 +17,9 @@
         /** 移动端 */
         @media screen and (max-width:768px){#investment .wrap{width:100vw;margin:0 auto;position:relative;}
             #investment .wrap img{display:block;width:100%}
-            #investment .wrap .btn{position:absolute;left:50%;bottom:4vw}
-            #investment .wrap .btn a{display:inline-block;width:39vw;height:12vw;background-size:100%;}
-            #investment .more{background:url(/img/investment/icon-more.png) no-repeat center center;}
+            #investment .wrap .btn{position:fixed;bottom:0;text-align: center;z-index: 1;width: 100%;background: #fff;height: 13.4vw}
+            #investment .wrap .btn a{display:inline-block;width:36.7vw;height:10vw;background-size:100%;margin-top: 2vw;}
+            #investment .more{background:url(/img/investment/icon-more.png) no-repeat center center;margin-right: 4.8vw;}
             #investment .back{background:url(/img/investment/icon-back.png) no-repeat center center;}
             #investment .bank{background:url(/img/investment/icon-bank.png) no-repeat center center;}
         }