fix:解决ios设备弹窗被tabbar遮挡问题

This commit is contained in:
jiangrui
2025-03-06 10:58:53 +08:00
parent 7c7ad6ba1f
commit 89879e8c05

View File

@@ -46,7 +46,7 @@
round round
closeable closeable
position="bottom" position="bottom"
:style="{ height: '80%' }" :style="{ height: '80%', transform: 'translateZ(1px)' }"
class="save-popup" class="save-popup"
> >
<div class="save-popup__container"> <div class="save-popup__container">
@@ -338,6 +338,7 @@ watch(currentTab, () => {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-bottom: calc(env(safe-area-inset-bottom) + 50px);
} }
&__header { &__header {
@@ -380,6 +381,7 @@ watch(currentTab, () => {
padding: 12px 16px 16px; padding: 12px 16px 16px;
background: var(--theme-other_background); background: var(--theme-other_background);
border-top: 0.5px solid var(--van-gray-3); border-top: 0.5px solid var(--van-gray-3);
padding-bottom: calc(16px + env(safe-area-inset-bottom));
.footer__path { .footer__path {
margin: 0 0 12px; margin: 0 0 12px;
@@ -447,6 +449,10 @@ watch(currentTab, () => {
font-weight: 500; font-weight: 500;
} }
} }
:deep(.van-popup) {
z-index: 2001 !important;
}
} }
// 全局样式优化 // 全局样式优化