update

docker-compose.yml

@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: tradus-web:1.3.10
+    image: tradus-web:1.3.11
     container_name: tradus-web
     ports:
       - '6000:80'

src/views/HomeView.vue

@@ -209,6 +209,7 @@ onMounted(() => {
   flex-direction: column;
   align-items: center;
   padding-bottom: env(safe-area-inset-bottom, 0);
+  padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0));
 }
 
 .hero-section {
@@ -222,6 +223,7 @@ onMounted(() => {
   overflow: hidden;
   width: 100%;
   max-width: 1200px;
+  margin-bottom: 2rem;
 }
 
 .hero-section::before {
@@ -500,8 +502,12 @@ onMounted(() => {
     min-width: 140px;
   }
 
+  .home-view {
+    padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0));
+  }
+
   .page-footer {
-    padding: 0.8rem 0 2rem;
+    padding: 0.8rem 0 3rem;
   }
 
   .partnership-content {
@@ -563,8 +569,13 @@ onMounted(() => {
     font-size: 0.6rem;
   }
 
+  .home-view {
+    padding-bottom: calc(7rem + env(safe-area-inset-bottom, 0));
+  }
+
   .page-footer {
-    padding: 0.8rem 0 2.5rem;
+    padding: 0.8rem 0 4rem;
+    bottom: env(safe-area-inset-bottom, 1.5rem);
   }
 
   .partnership-content {
@@ -605,10 +616,14 @@ onMounted(() => {
 /* 页面底部样式 */
 .page-footer {
   width: 100%;
-  margin-top: auto;
-  padding: 1rem 0 1.5rem;
+  position: absolute;
+  bottom: env(safe-area-inset-bottom, 1rem);
+  left: 0;
+  right: 0;
+  padding: 1rem 0 2rem;
   display: flex;
   justify-content: center;
+  z-index: 10;
 }
 
 /* Deepseek合作信息样式 - 更小版本 */
@@ -683,10 +698,14 @@ onMounted(() => {
   height: 20px;
 }
 
-/* 处理移动端浏览器的底部导航栏 */
+/* 特殊的浏览器兼容处理 */
 @supports (padding: max(0px)) {
   .home-view {
-    padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0.5rem));
+    padding-bottom: max(7rem, calc(4rem + env(safe-area-inset-bottom, 1.5rem)));
+  }
+
+  .page-footer {
+    bottom: max(2rem, env(safe-area-inset-bottom, 2rem));
   }
 }
 </style>