add

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

@@ -1,6 +1,13 @@
+@media screen and (min-width:768px){
 #productList{width: 1184px;margin:32px auto}
 .crumbs-nav{height: 40px}
 .crumbs-nav .crumbs-link{color:#4a4f58 }
+.sortBox .down{position:relative;margin:0 8px}
+.sortBox .down:before,.sortBox .down:after{position:absolute;right:32px;content:'';width:0;height:0;border-style:solid}
+.sortBox .down:before{border-width:0 5px 5px 5px;border-color:transparent transparent #BEC2C9 transparent;top:25px}
+.sortBox .down:after{border-width:5px 5px 0 5px;border-color:#BEC2C9 transparent transparent transparent;top:31px}
+.sortBox .down.up:before{border-bottom-color:#E15616}
+.sortBox .down.up:after{border-top-color:#E15616;opacity:.3}
 .classifyBox .classification div{
     display: inline-block;
     line-height: 64px;
@@ -39,16 +46,10 @@
 color: #e15616;
 border: 1px solid #e15616;
 }
-
-.sortBox .down{position:relative;margin:0 8px}
-.sortBox .down:before,.sortBox .down:after{position:absolute;right:32px;content:'';width:0;height:0;border-style:solid}
-.sortBox .down:before{border-width:0 5px 5px 5px;border-color:transparent transparent #BEC2C9 transparent;top:25px}
-.sortBox .down:after{border-width:5px 5px 0 5px;border-color:#BEC2C9 transparent transparent transparent;top:31px}
-.sortBox .down.up:before{border-bottom-color:#E15616}
-.sortBox .down.up:after{border-top-color:#E15616;opacity:.3}
 .sortBox .on{background:#ffe6dc }
 .list-container{
     margin-top: 32px;
+    width: 1200px;
 }
 .list-container ul li.productItem {
     width: 184px;
@@ -105,3 +106,11 @@ border: 1px solid #e15616;
 .productItem .image .icon{
     position: inherit;
 }
+}
+
+
+
+@media screen and (max-width:768px){
+
+}
+

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

@@ -41,7 +41,7 @@
     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);
 }
-.line{
+.instrue-right .wrap_tittle .line{
     height: 2px;
     width: 16px;
     background: #e15616;
@@ -80,9 +80,6 @@
     height: 100%;
 }
 .hotList ul{
-    /*display: flex;*/
-    /*flex-wrap: wrap;*/
-    /*justify-content: space-between;*/
     height: 560px;
     overflow: hidden;
 }
@@ -92,12 +89,6 @@
 .hotList ul.height{
     height: auto;
 }
-/*.hotList ul:after{*/
-/*    display:block;*/
-/*    content:"";*/
-/*    width: 164px;*/
-/*    height:0px;*/
-/*}*/
 .hotList ul li {
     width: 164px;
     height: 268px;
@@ -189,5 +180,8 @@
     color: #E15616;
     border-color: #E15616;
 }
+.productItem .price em.p{
+    color:#f94b4b ;
+}
 
 }

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

@@ -22,7 +22,7 @@ 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:none}
+.title .btn{display: block;background: #e15616;color: #fff;position: fixed;bottom: 0;width: 95%;border-radius: 45px;margin: auto;z-index: 999}
 .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-list.js

@@ -116,6 +116,40 @@ var productList = new Vue({
             unit: "方法",
             userIdentity: 3,
             },
+            {
+            actStatus: 1,
+            brand: "测试品牌",
+            id: "4367",
+            image: "http://www.caimei365.com/uploadFile/product/XR73P9DFM620151125103659.JPEG",
+            ladderPriceFlag: 0,
+            name: "华熙生物润百颜液体润百颜液体敷料:",
+            price: 50,
+            priceFlag: "0",
+            priceGrade: "4",
+            priceLoaded: true,
+            promotions: {
+            id: 208, name: "优惠价", description: null, type: 1, mode: 1,productId: 4367,status: 1,touchPrice: 50,type:1},
+            supplierId: 10111,
+            unit: "方法",
+            userIdentity: 3,
+            },
+            {
+            actStatus: 1,
+            brand: "测试品牌",
+            id: "4367",
+            image: "http://www.caimei365.com/uploadFile/product/XR73P9DFM620151125103659.JPEG",
+            ladderPriceFlag: 0,
+            name: "华熙生物润百颜液体润百颜液体敷料:",
+            price: 50,
+            priceFlag: "0",
+            priceGrade: "4",
+            priceLoaded: true,
+            promotions: {
+            id: 208, name: "优惠价", description: null, type: 1, mode: 1,productId: 4367,status: 1,touchPrice: 50,type:1},
+            supplierId: 10111,
+            unit: "方法",
+            userIdentity: 3,
+            },
         ],
          termsName:'',
          twoclassName:'',