Merge pull request 'feat: 768 375尺寸背景线更换' (#5 ) from yk-20250926 into newmain-20250926

Reviewed-on: http://gitea.tools.fontree.cn:3000/scout666/fiee-official-website/pulls/5
feat: 768 375尺寸背景线更换
2025-10-24 01:18:11 +00:00 · 2025-10-24 09:18:09 +08:00
39 changed files with 95 additions and 97 deletions
--- a/src/assets/image/content/bg_stock1940.png
+++ b/src/assets/image/content/bg_stock1940.png
--- a/src/assets/image/content/bg_stock375.png
+++ b/src/assets/image/content/bg_stock375.png
--- a/src/assets/image/content/bg_stock768.png
+++ b/src/assets/image/content/bg_stock768.png
--- a/src/views/BusinessServices/size1440/index.vue
+++ b/src/views/BusinessServices/size1440/index.vue
@ -1,6 +1,6 @@
 <template>
  <div class="home-page relative bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 920px; pointer-events: none; mix-blend-mode: multiply">
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
    </div>
--- a/src/views/BusinessServices/size1920/index.vue
+++ b/src/views/BusinessServices/size1920/index.vue
@ -1,6 +1,6 @@
 <template>
  <div class="home-page relative bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 920px; pointer-events: none; mix-blend-mode: multiply">
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
    </div>
--- a/src/views/BusinessServices/size375/index.vue
+++ b/src/views/BusinessServices/size375/index.vue
@ -1,8 +1,8 @@
 <template>
  <div class="home-page relative bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 332px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
    </div>
    <div class="w-[100%] h-[711PX] z-[] top-0 absolute">
      <div class="relative w-[100%] h-[100%]">
--- a/src/views/BusinessServices/size768/index.vue
+++ b/src/views/BusinessServices/size768/index.vue
@ -1,8 +1,8 @@
 <template>
  <div class="home-page relative bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 635px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
    </div>
    <div class="w-[100%] h-[600PX] z-[] top-0 absolute">
      <div class="relative w-[100%] h-[100%]">
--- a/src/views/CommitteeAppointment/size1440/index.vue
+++ b/src/views/CommitteeAppointment/size1440/index.vue
@ -8,7 +8,7 @@
      />
    </div>
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/CommitteeAppointment/size1920/index.vue
+++ b/src/views/CommitteeAppointment/size1920/index.vue
@ -8,7 +8,7 @@
      />
    </div>
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/CommitteeAppointment/size375/index.vue
+++ b/src/views/CommitteeAppointment/size375/index.vue
@ -8,10 +8,10 @@
      />
    </div>
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 343px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
      <img
        src="@/assets/image/content/bg_25.png"
        class="w-[100vw] h-[611PX] relative"
--- a/src/views/CommitteeAppointment/size768/index.vue
+++ b/src/views/CommitteeAppointment/size768/index.vue
@ -8,10 +8,10 @@
      />
    </div>
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
      <img
        src="@/assets/image/content/bg_25.png"
        class="w-[100vw] h-[611PX] relative"
--- a/src/views/boarddirectors/size375/index.vue
+++ b/src/views/boarddirectors/size375/index.vue
@ -12,7 +12,7 @@
      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[-12]"
      style="width: 331px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
    </div>
    <div class="directors-page relative z-[-15]" style="width: 311px">
      <h1 class="page-title">{{ t('boarddirectors.title') }}</h1>
--- a/src/views/boarddirectors/size768/index.vue
+++ b/src/views/boarddirectors/size768/index.vue
@ -12,7 +12,7 @@
      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[-12]"
      style="width: 620px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
    </div>
    <div class="directors-page relative z-[-15]" style="width: 600px">
      <h1 class="page-title">{{ t('boarddirectors.title') }}</h1>
--- a/src/views/companyoverview/size1440/index.vue
+++ b/src/views/companyoverview/size1440/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/companyoverview/size1920/index.vue
+++ b/src/views/companyoverview/size1920/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/companyoverview/size375/index.vue
+++ b/src/views/companyoverview/size375/index.vue
@ -1,10 +1,10 @@
 <template>
  <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 343px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
    </div>
    <div class="w-[100%] h-[950PX] z-[] top-0 absolute">
      <div class="relative w-[100%] h-[100%]">
--- a/src/views/companyoverview/size768/index.vue
+++ b/src/views/companyoverview/size768/index.vue
@ -1,10 +1,10 @@
 <template>
  <div class="home-page relative overflow-hidden z-99 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 586px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
    </div>
    <div class="w-[100%] h-[720PX] z-[] top-0 absolute">
      <div class="relative w-[100%] h-[100%]">
--- a/src/views/financialinformation/annualreports/size1440/index.vue
+++ b/src/views/financialinformation/annualreports/size1440/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
    <div
-      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/financialinformation/annualreports/size1920/index.vue
+++ b/src/views/financialinformation/annualreports/size1920/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
    <div
-      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/financialinformation/annualreports/size375/index.vue
+++ b/src/views/financialinformation/annualreports/size375/index.vue
@ -1,10 +1,10 @@
 <template>
  <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 318px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
    </div>
    <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
      <img
--- a/src/views/financialinformation/annualreports/size768/index.vue
+++ b/src/views/financialinformation/annualreports/size768/index.vue
@ -1,10 +1,10 @@
 <template>
  <div class="page-container min-h-[100vh] relative overflow-hidden z-[11] bg-[#ffffff]">
    <div
-      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed w-[100vw] h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
    </div>
    <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
      <img
--- a/src/views/financialinformation/secfilings/size1440/index.vue
+++ b/src/views/financialinformation/secfilings/size1440/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/financialinformation/secfilings/size1920/index.vue
+++ b/src/views/financialinformation/secfilings/size1920/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/financialinformation/secfilings/size375/index.vue
+++ b/src/views/financialinformation/secfilings/size375/index.vue
@ -1,10 +1,10 @@
 <template>
  <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 311px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
    </div>
    <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
      <img
--- a/src/views/financialinformation/secfilings/size768/index.vue
+++ b/src/views/financialinformation/secfilings/size768/index.vue
@ -1,10 +1,10 @@
 <template>
  <div class="page-container relative overflow-hidden z-[11] bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
    </div>
    <div class="fixed z-[-1] top-[50%] translate-y-[-50%]">
      <img
--- a/src/views/govern/size1440/index.vue
+++ b/src/views/govern/size1440/index.vue
@ -8,7 +8,7 @@
      />
    </div>
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -20,7 +20,7 @@
    </div>
    <div class="w-[900PX] mx-auto relative z-11">
      <div class="title mb-[50px] text-center text-left">
-        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1>
+        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
      </div>
      <div
        v-for="(item, index) in state.list"
--- a/src/views/govern/size1920/index.vue
+++ b/src/views/govern/size1920/index.vue
@ -8,7 +8,7 @@
      />
    </div>
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 900px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -20,7 +20,7 @@
    </div>
    <div class="w-[900PX] mx-auto relative z-11">
      <div class="title mb-[50px] text-center text-left">
-        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1>
+        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
      </div>
      <div
        v-for="(item, index) in state.list"
--- a/src/views/govern/size375/index.vue
+++ b/src/views/govern/size375/index.vue
@ -8,10 +8,10 @@
      />
    </div>
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 327px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
      <img
        src="@/assets/image/content/bg_25.png"
        class="w-[100vw] h-[611PX] relative"
@ -20,7 +20,7 @@
    </div>
    <div class="w-[327PX] mx-auto relative z-11">
      <div class="title mb-[50px] text-center text-left">
-        <h1 style="font-size: 24px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1>
+        <h1 style="font-size: 24px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
      </div>
      <div
        v-for="(item, index) in state.list"
--- a/src/views/govern/size768/index.vue
+++ b/src/views/govern/size768/index.vue
@ -8,10 +8,10 @@
      />
    </div>
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[1]"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-[0]"
      style="width: 618px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
      <img
        src="@/assets/image/content/bg_25.png"
        class="w-[100vw] h-[611PX] relative"
@ -20,7 +20,7 @@
    </div>
    <div class="w-[618PX] mx-auto relative z-11">
      <div class="title mb-[50px] text-center text-left">
-        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("GOVERNANCE.TITLE") }}</h1>
+        <h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
      </div>
      <div
        v-for="(item, index) in state.list"
--- a/src/views/manage/size1440/index.vue
+++ b/src/views/manage/size1440/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/manage/size1920/index.vue
+++ b/src/views/manage/size1920/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/manage/size375/index.vue
+++ b/src/views/manage/size375/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 320px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
--- a/src/views/manage/size768/index.vue
+++ b/src/views/manage/size768/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 620px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
--- a/src/views/myHome/size1440/index.vue
+++ b/src/views/myHome/size1440/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -344,14 +344,13 @@
    </section>
    <!-- 新增：股票信息与活动预告双栏模块 -->
    <section
-      class="dual-column-section bg-[url('@/assets/image/content/information.png')]"
+      class="dual-column-section bg-[url('@/assets/image/content/bg_stock1940.png')] relative z-10"
      style="
        width: 100vw;
        height: 643px;
        margin: 60px auto;
        padding: 0 40px;
        background-size: 100% 100%;
-        background-color: #e7407e;
      "
    >
      <div style="width: 900px" class="w-[900px] m-auto">
@ -459,7 +458,7 @@
      </div>
    </section>
    <section
-      class="dual-column-section"
+      class="dual-column-section relative z-10"
      style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
    >
      <div class="w-[900PX] m-auto">
@ -843,7 +842,7 @@ const handleLink = (item) => {
 .card-title {
  font-size: 2.5rem;
  padding-top: 88px;
-  color: #ffffff;
+  color: #000;
  position: relative;
  margin-bottom: 0;
 }
@ -854,7 +853,7 @@ const handleLink = (item) => {
  left: 0;
  width: 60px;
  height: 4px;
-  background: #ffffff;
+  background: #FF7BAC;
  transform: translateY(-20px);
 }

@ -889,10 +888,10 @@ const handleLink = (item) => {
  display: flex;
  /* justify-content: space-between; */
  margin: 24px 0;
-  border-left: 2px solid #00ffff;
+  border-left: 2px solid #FF7BAC;

  font-size: 14px;
-  color: #fff;
+  color: #000;
 }

 .data-label {
--- a/src/views/myHome/size1920/index.vue
+++ b/src/views/myHome/size1920/index.vue
@ -1,7 +1,7 @@
 <template>
  <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
    >
      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
@ -21,7 +21,7 @@
      </div>
    </div>
    <section
-      class="company-overview h-[916px]"
+      class="company-overview h-[916PX]"
      style="width: 900px; margin: 0 auto; padding: 0; padding-top: 300px"
    >
      <div class="hero-section">
@ -344,14 +344,13 @@
    </section>
    <!-- 新增：股票信息与活动预告双栏模块 -->
    <section
-      class="dual-column-section bg-[url('@/assets/image/content/information.png')]"
+      class="dual-column-section bg-[url('@/assets/image/content/bg_stock1940.png')] relative z-10"
      style="
        width: 100vw;
        height: 643px;
        margin: 60px auto;
        padding: 0 40px;
        background-size: 100% 100%;
-        background-color: #e7407e;
      "
    >
      <div style="width: 900px" class="w-[900px] m-auto">
@ -459,7 +458,7 @@
      </div>
    </section>
    <section
-      class="dual-column-section"
+      class="dual-column-section relative z-10"
      style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
    >
      <div class="w-[900PX] m-auto">
@ -843,7 +842,7 @@ const handleLink = (item) => {
 .card-title {
  font-size: 2.5rem;
  padding-top: 88px;
-  color: #ffffff;
+  color: #000;
  position: relative;
  margin-bottom: 0;
 }
@ -854,7 +853,7 @@ const handleLink = (item) => {
  left: 0;
  width: 60px;
  height: 4px;
-  background: #ffffff;
+  background: #FF7BAC;
  transform: translateY(-20px);
 }

@ -889,10 +888,10 @@ const handleLink = (item) => {
  display: flex;
  /* justify-content: space-between; */
  margin: 24px 0;
-  border-left: 2px solid #00ffff;
+  border-left: 2px solid #FF7BAC;

  font-size: 14px;
-  color: #fff;
+  color: #000;
 }

 .data-label {
--- a/src/views/myHome/size375/index.vue
+++ b/src/views/myHome/size375/index.vue
@ -1,8 +1,8 @@
 <template>
  <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
-    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+    <div class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 343px; pointer-events: none; mix-blend-mode: multiply">
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line375.png" class="w-[100%]" alt="" />
    </div>
    <div class="w-[100%] h-[800PX] z-[] top-0 absolute">
      <div class="relative w-[100%] h-[100%]">
@ -131,13 +131,12 @@
      </div>
    </section>
    <!-- 新增：股票信息与活动预告双栏模块 -->
-    <section class="dual-column-section bg-[url('@/assets/image/content/bg_16.png')]" style="
+    <section class="dual-column-section bg-[url('@/assets/image/content/bg_stock375.png')] relative z-10" style="
        width: 100vw;
        height: 570px;
        margin: 60px auto;
        background-size: 100% 100%;
        border-radius: 15PX 15PX 0 0;
-        background-color: #e7407e;
      ">
      <div style="width: 343px" class="m-auto">
        <!-- 股票信息卡片 -->
@ -183,7 +182,7 @@
        </div>
      </div>
    </section>
-    <section class="dual-column-section" style="width: 100vw; height: 300px; margin: 60px auto; padding: 0 40px">
+    <section class="dual-column-section relative z-10" style="width: 100vw; height: 300px; margin: 60px auto; padding: 0 40px">
      <div class="w-[311PX] m-auto">
        <div class="">
          <h2 class="card-title1">
@ -596,7 +595,7 @@ const handleLink = (item) => {
 .card-title {
  font-size: 2rem;
  padding-top: 88px;
-  color: #ffffff;
+  color: #000;
  position: relative;
  margin-bottom: 0;
 }
@ -607,7 +606,7 @@ const handleLink = (item) => {
  left: 0;
  width: 60PX;
  height: 4PX;
-  background: #ffffff;
+  background: #FF7BAC;
  transform: translateY(-20px);
 }

@ -642,12 +641,12 @@ const handleLink = (item) => {
  display: flex;
  /* justify-content: space-between; */
  margin: 10PX;
-  border-left: 2PX solid #00ffff;
+  border-left: 2PX solid #FF7BAC;
  transform: translateX(-10PX);
  padding-left: 10PX;

  font-size: 12PX;
-  color: #fff;
+  color: #000;
 }

 .data-label {
--- a/src/views/myHome/size768/index.vue
+++ b/src/views/myHome/size768/index.vue
@ -1,10 +1,10 @@
 <template>
  <div class="home-page relative overflow-hidden z-10 bg-[#ffffff]">
    <div
-      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+      class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
      style="width: 630px; pointer-events: none; mix-blend-mode: multiply"
    >
-      <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
+      <img src="@/assets/image/content/line768.png" class="w-[100%]" alt="" />
    </div>
    <div class="w-[100%] h-[813PX] z-[] top-0 absolute">
      <div class="relative w-[100%] h-[100%]">
@ -118,7 +118,7 @@
      </div>
    </section>
    <!-- 新闻模块 -->
-    <section class="news-section relative z-99" style="width: 618px; margin: 60px auto">
+    <section class="news-section relative z-99" style="width: 618px; margin: 60px auto; margin-top: 100px;">
      <div class="flex justify-between">
        <h2 class="section-titles section-titles1">
          {{ $t("HOME.CONTAINY.NEWS.TITLE") }}
@ -128,7 +128,7 @@
          <img
            v-if="currentPage === 0"
            disabled
-            class="w-[38px] h-[38px]"
+            class="w-[38PX] h-[38PX]"
            src="@/assets/image/content/switch_right.png"
            alt=""
          />
@ -136,13 +136,13 @@
            v-else
            @click="prevPage"
            src="@/assets/image/content/switch_left.png"
-            class="transform rotate-180 w-[38px] h-[38px] cursor-pointer"
+            class="transform rotate-180 w-[38PX] h-[38PX] ml-[20PX] cursor-pointer"
            alt=""
          />

          <img
            v-if="currentPage >= totalPages - 1"
-            class="transform rotate-180 w-[38px] h-[38px] ml-[20px]"
+            class="transform rotate-180 w-[38PX] h-[38PX] ml-[20px]"
            disabled
            src="@/assets/image/content/switch_right.png"
            alt=""
@ -150,7 +150,7 @@
          <img
            v-else
            @click="nextPage"
-            class="w-[38px] h-[38px] ml-[20px] cursor-pointer"
+            class="w-[38PX] h-[38PX] ml-[20px] cursor-pointer"
            src="@/assets/image/content/switch_left.png"
            alt=""
          />
@ -324,14 +324,14 @@
    </section>
    <!-- 新增：股票信息与活动预告双栏模块 -->
    <section
-      class="dual-column-section bg-[url('@/assets/image/content/information1.png')]"
+      class="dual-column-section bg-[url('@/assets/image/content/bg_stock768.png')] relative z-10"
      style="
        width: 100vw;
-        height: 743px;
+        height: 1043px;
        margin: 60px auto;
        padding: 0 40px;
+        padding-top: 50px;
        background-size: 100% 100%;
-        background-color: #e7407e;
      "
    >
      <div style="width: 618px" class="m-auto">
@ -421,7 +421,7 @@
      </div>
    </section>
    <section
-      class="dual-column-section"
+      class="dual-column-section relative z-10"
      style="width: 100vw; height: 643px; margin: 60px auto; padding: 0 40px"
    >
      <div class="w-[618PX] m-auto">
@ -719,8 +719,8 @@ const handleLink = (item) => {
  content: "";
  position: absolute;
  left: 0;
-  width: 60px;
-  height: 4px;
+  width: 60PX;
+  height: 4PX;
  background: #ff7bac;
  transform: translateY(-20px);
 }
@ -805,7 +805,7 @@ const handleLink = (item) => {
 .card-title {
  font-size: 2.5rem;
  padding-top: 88px;
-  color: #ffffff;
+  color: #000;
  position: relative;
  margin-bottom: 0;
 }
@ -814,9 +814,9 @@ const handleLink = (item) => {
  content: "";
  position: absolute;
  left: 0;
-  width: 60px;
-  height: 4px;
-  background: #ffffff;
+  width: 60PX;
+  height: 4PX;
+  background: #ff7bac;
  transform: translateY(-20px);
 }

@ -832,8 +832,8 @@ const handleLink = (item) => {
  content: "";
  position: absolute;
  left: 0;
-  width: 60px;
-  height: 4px;
+  width: 60PX;
+  height: 4PX;
  background: #ff7bac;
  transform: translateY(-20px);
 }
@ -845,22 +845,23 @@ const handleLink = (item) => {

 .stock-data {
  margin-bottom: 25px;
+  margin-top: 100px;
 }

 .data-row {
  display: flex;
  /* justify-content: space-between; */
-  margin: 24px 0;
-  border-left: 2px solid #00ffff;
+  margin: 40px 0;
+  border-left: 2px solid #FF7BAC;
  transform: translateX(-10px);
  padding-left: 30px;
  font-size: 14PX;
-  color: #fff;
+  color: #000;
 }

 .data-label {
  // font-weight: 500;
-  width: 150px;
+  min-width: 180px;
 }

 .data-value {
--- a/src/views/news/size1440/index.vue
+++ b/src/views/news/size1440/index.vue
@ -8,7 +8,7 @@
      style="width: 900px"
    >
      <div
-        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
        style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
      >
        <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
--- a/src/views/news/size1920/index.vue
+++ b/src/views/news/size1920/index.vue
@ -8,7 +8,7 @@
      style="width: 900px"
    >
      <div
-        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-1"
+        class="fixed h-[100vh] left-[50%] translate-x-[-50%] z-0"
        style="width: 920px; pointer-events: none; mix-blend-mode: multiply"
      >
        <img src="@/assets/image/content/line.png" class="w-[100%]" alt="" />
Author	SHA1	Message	Date
yinkang	be7604152e	Merge pull request 'feat: 768 375尺寸背景线更换' (#5 ) from yk-20250926 into newmain-20250926 Reviewed-on: http://gitea.tools.fontree.cn:3000/scout666/fiee-official-website/pulls/5	2025-10-24 01:18:11 +00:00
yinkang	b6045d3fe0	feat: 768 375尺寸背景线更换	2025-10-24 09:18:09 +08:00