fixed: 列表页蒙层异常等

@@ -146,10 +146,22 @@ export default {
         toggleRec(){
             this.filterDown = true;
             this.recDown = !this.recDown;
+
+            if (this.recDown) {
+                this.hideLay();
+            } else {
+                this.showLay();
+            }
         },
         toggleFilter(){
             this.recDown = true;
             this.filterDown = !this.filterDown;
+
+            if (this.filterDown) {
+                this.hideLay();
+            } else {
+                this.showLay();
+            }
         },
         sortChange(item) {
             const text = this.activeSort.text;
@@ -165,6 +177,7 @@ export default {
                 ref: this._uid
             });
             this.recDown = true;
+            this.hideLay();
         },
         showLay() {
             this.bodyElStyle = document.querySelector('body').style;
@@ -273,24 +286,6 @@ export default {
             }
         }
     },
-    watch: {
-        recDown(val){
-            if (val) {
-                this.hideLay();
-                return;
-            } else {
-                this.showLay();
-            }
-
-        },
-        filterDown(val){
-            if (val) {
-                return this.hideLay();
-            }
-
-            this.showLay();
-        }
-    },
     components: {
         FilterItem,
         FilterSub

@@ -15,7 +15,8 @@
         }
 
         .list-items {
-            padding-top: 111px;
+            padding-top: 105px;
+            background-color: #fff;
         }
     }
 </style>