修改编辑字体、筛选框加动画

2023-07-31 17:24:18 +08:00
parent f76cb3ced0
commit 14c60bd443
3 changed files with 11 additions and 2 deletions
--- a/src/components/apartment/seachModule.vue
+++ b/src/components/apartment/seachModule.vue
@@ -86,7 +86,7 @@
                        <img class="triangle" src="@/assets/img/publicImage/triangle-black.svg" />
                    </div>

-                    <div class="option-area flexflex" v-if="state == 'unfold'">
+                    <div class="option-area flexflex" :class="{'option-area-unfold': state == 'unfold'}">
                        <div class="option-left">
                            <div class="option-item flexflex">
                                <div class="option-title">学校附近</div>
@@ -578,6 +578,13 @@ const selectOption = (type, value) => {
    flex-wrap: wrap;
    border-top: 1px solid #ebebeb;
    overflow: hidden;
+    height: 0;
+    transition: all .25s linear 0s;
+
+
+    &.option-area-unfold {
+        height: 100px;
+    }

    .option-left,
    .option-right {