|
|
@ -16,6 +16,7 @@ |
|
|
|
v-if="!drawer" |
|
|
|
@click="openDrawer" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="modal_drawer" v-if="drawer" @click="hidePanel"> |
|
|
|
<img :src="Close" class="close" alt="" @click="drawer = false" /> |
|
|
|
<div class="content" id="content_tab"> |
|
|
@ -34,7 +35,6 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
@ -116,12 +116,15 @@ const scrollToTop = () => { |
|
|
|
width: 18px; |
|
|
|
height: 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
.modal_drawer { |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
bottom: 0; |
|
|
|
width: 100%; |
|
|
|
height: 100vh; |
|
|
|
z-index: 999; |
|
|
|
background: rgba(0, 0, 0, 0.67); |
|
|
|
.close { |
|
|
@ -138,6 +141,7 @@ const scrollToTop = () => { |
|
|
|
bottom: 0; |
|
|
|
height: 348px; |
|
|
|
background: #fff; |
|
|
|
z-index: 999; |
|
|
|
border-top-right-radius: 20px; |
|
|
|
border-top-left-radius: 20px; |
|
|
|
display: flex; |
|
|
@ -174,7 +178,6 @@ const scrollToTop = () => { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.container_bg { |
|
|
|
background: rgba(255, 255, 255, 0.9); |
|
|
|
backdrop-filter: blur(30px); |
|
|
|