From a12f4ad9fe477927d9ecb57ddb62067b44076f1b Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Fri, 02 Apr 2021 17:42:33 +0800
Subject: [PATCH] 调整筛选弹窗显示
---
plugins/filter/CFilter.vue | 10 ++++++++++
plugins/filter/cFilter.scss | 2 ++
2 files changed, 12 insertions(+), 0 deletions(-)
diff --git a/plugins/filter/CFilter.vue b/plugins/filter/CFilter.vue
index c456b4c..84739f4 100644
--- a/plugins/filter/CFilter.vue
+++ b/plugins/filter/CFilter.vue
@@ -44,6 +44,7 @@
<scroll-view
class="c-filter-drawer-list"
:scrollY="true"
+ v-if="drawerDisplay"
>
<view
class="box"
@@ -112,6 +113,7 @@
return {
filterRes: {},
drawerShow: false,
+ drawerDisplay: false,
// 面板项有已选
itemsFilled: false,
// 本次打开是否有改变
@@ -121,6 +123,11 @@
methods: {
handleOpen() {
this.drawerShow = true;
+ this.$nextTick(() => {
+ setTimeout(() => {
+ this.drawerDisplay = true;
+ }, 80);
+ });
},
handleBarChange(name, value) {
this.$set(this.filterRes, name, value);
@@ -155,6 +162,9 @@
},
handleFinish() {
this.drawerShow = false;
+ this.$nextTick(() => {
+ this.drawerDisplay = false;
+ });
// 有项目改变时，发送变化
if (this.itemsChanged) {
this.itemsChanged = false;
diff --git a/plugins/filter/cFilter.scss b/plugins/filter/cFilter.scss
index 0fca35e..185b562 100644
--- a/plugins/filter/cFilter.scss
+++ b/plugins/filter/cFilter.scss
@@ -64,6 +64,8 @@
}
}
.c-filter-drawer-btn {
+ @include position(absolute, n 0 0 n);
+ width: 100%;
height: 90px;
@include flexbox(flex, center center);
.at-button {
--
Gitblit v1.9.1