diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index adee808..c8801d8 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -208,6 +208,7 @@ onMounted(() => { display: flex; flex-direction: column; align-items: center; + padding-bottom: env(safe-area-inset-bottom, 0); } .hero-section { @@ -500,7 +501,7 @@ onMounted(() => { } .page-footer { - padding: 0.8rem 0; + padding: 0.8rem 0 2rem; } .partnership-content { @@ -563,7 +564,7 @@ onMounted(() => { } .page-footer { - padding: 0.8rem 0; + padding: 0.8rem 0 2.5rem; } .partnership-content { @@ -605,7 +606,7 @@ onMounted(() => { .page-footer { width: 100%; margin-top: auto; - padding: 1rem 0; + padding: 1rem 0 1.5rem; display: flex; justify-content: center; } @@ -681,4 +682,11 @@ onMounted(() => { width: 20px; height: 20px; } + +/* 处理移动端浏览器的底部导航栏 */ +@supports (padding: max(0px)) { + .home-view { + padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0.5rem)); + } +}