Administrator 4 年之前
父節點
當前提交
477be2e033

+ 0 - 1
src/main/resources/static/css/product/instruement.css

@@ -68,7 +68,6 @@
 
 
 @media screen and (max-width:768px) {
-    body{overflow: hidden;}
     .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;}

+ 4 - 4
src/main/resources/static/css/product/produce.css

@@ -425,17 +425,17 @@
 * 移动端
 */
 @media screen and (max-width:768px) {
-    body{overflow: hidden}
     .section_container_right{
         position: absolute;
         top: 27vw;
         width: 100%;
         background: #fff;
+        padding: 3.2vw 0;
     }
     .search_hotlist_main .title{
         color: #909090;
         font-size: 3.4vw;
-        padding: 2.7vw 3.2vw;
+        padding: 0 3.2vw;
     }
     .search_hotlist_item{
         display: inline-block;
@@ -469,7 +469,7 @@
         background-position: -51vw 0px;
     }
     .section_container_left{
-        margin-top: 24vw;
+        margin-top: 22vw;
     }
     .section_container_nav{
         background: #fff;
@@ -666,7 +666,7 @@
     .hot-search{
         padding: 2.7vw 3.2vw;
         overflow: hidden;
-        height: 6vw;
+        height: 3vw;
         background: #fff;
         border-radius: 0 0 1.6vw 1.6vw;
     }

+ 9 - 1
src/main/resources/static/js/product/instruement.js

@@ -18,14 +18,23 @@
          userId:0,
          moreflag:true,
          showflag:false,
+    },
+    computed:{
+
     },
     methods:{
         closeup:function(){
             this.showflag = false;
+            document.body.style.overflow='';
         },
         showNav:function(){
         var _this = this;
         _this.showflag = !_this.showflag;
+            if (_this.showflag){
+                 document.body.style.overflow='hidden';
+            }else {
+                document.body.style.overflow='';
+            }
         },
         toserch:function(item){
         window.location.href='/product/instruelist.html?bigTypeID='+item.bigTypeID
@@ -100,5 +109,4 @@
         }
     this.getClassify();
     },
-
  })

+ 6 - 0
src/main/resources/static/js/product/produce.js

@@ -1182,9 +1182,15 @@
         },
         closeup:function(){
             this.showflag = false;
+            document.body.style.overflow='';
         },
         showNav:function(){
             this.showflag = !this.showflag;
+            if (this.showflag){
+                 document.body.style.overflow='hidden';
+            }else {
+                document.body.style.overflow='';
+            }
         },
         PromotionsFormat:function(promo){//促销活动类型数据处理
             if(promo!=null){

+ 2 - 2
src/main/resources/templates/product/instrument.html

@@ -6,11 +6,11 @@
     <template th:replace="components/head-link"></template>
     <link th:href="@{/css/product/instruement.css(v=${version})}" rel="stylesheet" type="text/css">
 </head>
-<body>
+<body >
     <!-- 引用头部 -->
     <template th:replace="components/header"></template>
     <div id="container">
-        <div id="instrueMent">
+        <div id="instrueMent" >
             <div class="instrue-right">
                 <div class="wrap_tittle"> 大家都在搜<span class="line"></span></div>
                 <template v-if="isPC">