Преглед на файлове

fix: 大于 1440 保证主要内容为 1440

Lee преди 4 дни
родител
ревизия
7ebf722c6a
променени са 4 файла, в които са добавени 6 реда и са изтрити 11 реда
  1. 1 1
      app/assets/scss/common.scss
  2. 0 5
      app/assets/scss/vars.scss
  3. 2 2
      app/components/Header.vue
  4. 3 3
      app/pages/index/components/PartnershipSection.vue

+ 1 - 1
app/assets/scss/common.scss

@@ -2,7 +2,7 @@
   box-sizing: border-box;
 }
 
-// 响应式容器:1440-1920 之间动态缩小 padding,保持内容 1440 居中
+// 响应式容器:大于 1440 时动态计算 padding,保持内容 1440 居中
 .landing-container {
   @extend %landing-container;
 }

+ 0 - 5
app/assets/scss/vars.scss

@@ -59,9 +59,4 @@
     padding-left: calc((100vw - 1440px) / 2);
     padding-right: calc((100vw - 1440px) / 2);
   }
-
-  @media screen and (min-width: 1920px) {
-    padding-left: 240px;
-    padding-right: 240px;
-  }
 }

+ 2 - 2
app/components/Header.vue

@@ -2,7 +2,7 @@
  * @Author: LiZhiWei
  * @Date: 2026-01-13 15:41:49
  * @LastEditors: LiZhiWei
- * @LastEditTime: 2026-01-19 09:33:54
+ * @LastEditTime: 2026-01-20 11:42:37
  * @Description: 
 -->
 <!--
@@ -105,7 +105,7 @@
   <!-- Mobile Menu Overlay -->
   <div
     v-if="isMobileMenuOpen"
-    class="fixed inset-0 top-80px lt-sm:top-128px lt-xs:top-60px bg-white z-90 sm:hidden flex flex-col p-20px animate-fade-in-down"
+    class="fixed inset-0 top-80px lt-sm:top-128px bg-white z-90 sm:hidden flex flex-col p-20px animate-fade-in-down"
   >
     <nav class="flex flex-col gap-20px text-16px text-#334155 font-500">
       <NuxtLink to="/" class="py-10px border-b border-gray-100" @click="isMobileMenuOpen = false">

+ 3 - 3
app/pages/index/components/PartnershipSection.vue

@@ -55,9 +55,9 @@
 <style scoped lang="scss">
   .partnership {
     @extend %landing-container;
-    @media screen and (min-width: 1920px) {
-      padding-left: 220px;
-      padding-right: 220px;
+    @media screen and (min-width: 1480px) {
+      padding-left: calc((100vw - 1480px) / 2);
+      padding-right: calc((100vw - 1480px) / 2);
     }
     @apply py-60px overflow-hidden;
     @apply lt-sm:py-60px lt-sm:px-0;