Authored by 李奇

fixed: 列表页蒙层异常等

@@ -146,10 +146,22 @@ export default { @@ -146,10 +146,22 @@ export default {
146 toggleRec(){ 146 toggleRec(){
147 this.filterDown = true; 147 this.filterDown = true;
148 this.recDown = !this.recDown; 148 this.recDown = !this.recDown;
  149 +
  150 + if (this.recDown) {
  151 + this.hideLay();
  152 + } else {
  153 + this.showLay();
  154 + }
149 }, 155 },
150 toggleFilter(){ 156 toggleFilter(){
151 this.recDown = true; 157 this.recDown = true;
152 this.filterDown = !this.filterDown; 158 this.filterDown = !this.filterDown;
  159 +
  160 + if (this.filterDown) {
  161 + this.hideLay();
  162 + } else {
  163 + this.showLay();
  164 + }
153 }, 165 },
154 sortChange(item) { 166 sortChange(item) {
155 const text = this.activeSort.text; 167 const text = this.activeSort.text;
@@ -165,6 +177,7 @@ export default { @@ -165,6 +177,7 @@ export default {
165 ref: this._uid 177 ref: this._uid
166 }); 178 });
167 this.recDown = true; 179 this.recDown = true;
  180 + this.hideLay();
168 }, 181 },
169 showLay() { 182 showLay() {
170 this.bodyElStyle = document.querySelector('body').style; 183 this.bodyElStyle = document.querySelector('body').style;
@@ -273,24 +286,6 @@ export default { @@ -273,24 +286,6 @@ export default {
273 } 286 }
274 } 287 }
275 }, 288 },
276 - watch: {  
277 - recDown(val){  
278 - if (val) {  
279 - this.hideLay();  
280 - return;  
281 - } else {  
282 - this.showLay();  
283 - }  
284 -  
285 - },  
286 - filterDown(val){  
287 - if (val) {  
288 - return this.hideLay();  
289 - }  
290 -  
291 - this.showLay();  
292 - }  
293 - },  
294 components: { 289 components: {
295 FilterItem, 290 FilterItem,
296 FilterSub 291 FilterSub
@@ -15,7 +15,8 @@ @@ -15,7 +15,8 @@
15 } 15 }
16 16
17 .list-items { 17 .list-items {
18 - padding-top: 111px; 18 + padding-top: 105px;
  19 + background-color: #fff;
19 } 20 }
20 } 21 }
21 </style> 22 </style>