From 35faed56cbf2f6a4390e0230cfb08a3423daf038 Mon Sep 17 00:00:00 2001
From: liwenhao <1273011930@qq.com>
Date: Tue, 3 Jun 2025 10:45:56 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=96=B0=E5=A2=9E=E6=96=B0?=
 =?UTF-8?q?=E9=97=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/myHome/size1440/index.vue | 66 +++++++++++++++++++---------
 src/views/myHome/size1920/index.vue | 67 ++++++++++++++++++++---------
 src/views/myHome/size375/index.vue  | 66 +++++++++++++++++++---------
 src/views/myHome/size768/index.vue  | 64 +++++++++++++++++++--------
 4 files changed, 181 insertions(+), 82 deletions(-)

diff --git a/src/views/myHome/size1440/index.vue b/src/views/myHome/size1440/index.vue
index ade21cd..d2ad379 100644
--- a/src/views/myHome/size1440/index.vue
+++ b/src/views/myHome/size1440/index.vue
@@ -64,26 +64,34 @@
     >
       <h2 class="section-titles">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
       <div class="news-card">
-        <!-- <div class="news-date">De 15. 2023</div> -->
-        <!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
-        <div style="font-size: 18px">
-          <div>May 30, 2025 EDT</div>
-
-          <div style="font-size: 18px">
-            FiEE, Inc. Announces Reinitiation of Trading on Nasdaq
-          </div>
-
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
           <div
-            style="font-size: 18px"
-            class="cursor-pointer"
-            @click="handleLink('/news')"
+            style="
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            "
           >
-            View Press Release<img
-              class="ml-[10px]"
-              src="@/assets/image/icon/icon-new.png"
-              alt=""
-              style="width: 20px; height: 20px"
-            />
+            <div>
+              <div style="font-size: 18px">{{ item.time }}</div>
+
+              <div style="font-size: 18px">
+                {{ item.title }}
+              </div>
+            </div>
+
+            <div
+              style="font-size: 18px"
+              class="cursor-pointer"
+              @click="handleLink(item.router, item.time)"
+            >
+              View Press Release<img
+                class="ml-[10px]"
+                src="@/assets/image/icon/icon-new.png"
+                alt=""
+                style="width: 20px; height: 20px"
+              />
+            </div>
           </div>
         </div>
       </div>
@@ -205,7 +213,18 @@ const { t: $t } = useI18n();
 const contentRef = ref(null);
 const isInView = ref(false);
 let observer = null;
-
+const newList = ref([
+  {
+    time: "May 30, 2025 EDT",
+    title: "FiEE, Inc. Announces Reinitiation of Trading on Nasdaq",
+    router: "/news",
+  },
+  {
+    time: "2 June, 2025",
+    title: "FiEE, Inc. Closes Its First Day of Trading on NASDAQ",
+    router: "/news",
+  },
+]);
 onMounted(() => {
   if (contentRef.value && "IntersectionObserver" in window) {
     observer = new IntersectionObserver(
@@ -239,8 +258,13 @@ onUnmounted(() => {
 });
 import { useRouter } from "vue-router";
 const router = useRouter();
-const handleLink = (link) => {
-  router.push(link);
+const handleLink = (routers, index) => {
+  router.push({
+    path: routers,
+    query: {
+      data: index,
+    },
+  });
 };
 </script>
 
diff --git a/src/views/myHome/size1920/index.vue b/src/views/myHome/size1920/index.vue
index 3d6afae..de1ca4a 100644
--- a/src/views/myHome/size1920/index.vue
+++ b/src/views/myHome/size1920/index.vue
@@ -63,27 +63,34 @@
     >
       <h2 class="section-titles">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
       <div class="news-card">
-        <!-- <div class="news-date">De 15. 2023</div> -->
-        <!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
-
-        <div style="font-size: 18px">
-          <div>May 30, 2025 EDT</div>
-
-          <div style="font-size: 18px">
-            FiEE, Inc. Announces Reinitiation of Trading on Nasdaq
-          </div>
-
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
           <div
-            style="font-size: 18px"
-            class="cursor-pointer"
-            @click="handleLink('/news')"
+            style="
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            "
           >
-            View Press Release<img
-              class="ml-[10px]"
-              src="@/assets/image/icon/icon-new.png"
-              alt=""
-              style="width: 20px; height: 20px"
-            />
+            <div>
+              <div style="font-size: 18px">{{ item.time }}</div>
+
+              <div style="font-size: 18px">
+                {{ item.title }}
+              </div>
+            </div>
+
+            <div
+              style="font-size: 18px"
+              class="cursor-pointer"
+              @click="handleLink(item.router, item.time)"
+            >
+              View Press Release<img
+                class="ml-[10px]"
+                src="@/assets/image/icon/icon-new.png"
+                alt=""
+                style="width: 20px; height: 20px"
+              />
+            </div>
           </div>
         </div>
       </div>
@@ -192,6 +199,19 @@ getStockQuate();
 // 示例数据
 const sampleDate = ref(formatted);
 
+const newList = ref([
+  {
+    time: "May 30, 2025 EDT",
+    title: "FiEE, Inc. Announces Reinitiation of Trading on Nasdaq",
+    router: "/news",
+  },
+  {
+    time: "2 June, 2025",
+    title: "FiEE, Inc. Closes Its First Day of Trading on NASDAQ",
+    router: "/news",
+  },
+]);
+
 const { t: $t } = useI18n();
 const contentRef = ref(null);
 const isInView = ref(false);
@@ -229,8 +249,13 @@ onUnmounted(() => {
 });
 import { useRouter } from "vue-router";
 const router = useRouter();
-const handleLink = (link) => {
-  router.push(link);
+const handleLink = (routers, index) => {
+  router.push({
+    path: routers,
+    query: {
+      data: index,
+    },
+  });
 };
 </script>
 
diff --git a/src/views/myHome/size375/index.vue b/src/views/myHome/size375/index.vue
index 5cc9623..27b1ca2 100644
--- a/src/views/myHome/size375/index.vue
+++ b/src/views/myHome/size375/index.vue
@@ -64,26 +64,34 @@
     >
       <h2 class="section-titles">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
       <div class="news-card">
-        <!-- <div class="news-date">De 15. 2023</div> -->
-        <!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
-        <div style="font-size: 18px">
-          <div>May 30, 2025 EDT</div>
-
-          <div style="font-size: 18px">
-            FiEE, Inc. Announces Reinitiation of Trading on Nasdaq
-          </div>
-
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
           <div
-            style="font-size: 18px"
-            class="cursor-pointer mt-[20px]"
-            @click="handleLink('/news')"
+            style="
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            "
           >
-            View Press Release<img
-              class="ml-[10px]"
-              src="@/assets/image/icon/icon-new.png"
-              alt=""
-              style="width: 20px; height: 20px"
-            />
+            <div>
+              <div style="font-size: 18px">{{ item.time }}</div>
+
+              <div style="font-size: 18px">
+                {{ item.title }}
+              </div>
+            </div>
+
+            <div
+              style="font-size: 18px"
+              class="cursor-pointer"
+              @click="handleLink(item.router, item.time)"
+            >
+              View Press Release<img
+                class="ml-[10px]"
+                src="@/assets/image/icon/icon-new.png"
+                alt=""
+                style="width: 20px; height: 20px"
+              />
+            </div>
           </div>
         </div>
       </div>
@@ -203,7 +211,18 @@ const { t: $t } = useI18n();
 const contentRef = ref(null);
 const isInView = ref(false);
 let observer = null;
-
+const newList = ref([
+  {
+    time: "May 30, 2025 EDT",
+    title: "FiEE, Inc. Announces Reinitiation of Trading on Nasdaq",
+    router: "/news",
+  },
+  {
+    time: "2 June, 2025",
+    title: "FiEE, Inc. Closes Its First Day of Trading on NASDAQ",
+    router: "/news",
+  },
+]);
 onMounted(() => {
   if (contentRef.value && "IntersectionObserver" in window) {
     observer = new IntersectionObserver(
@@ -237,8 +256,13 @@ onUnmounted(() => {
 });
 import { useRouter } from "vue-router";
 const router = useRouter();
-const handleLink = (link) => {
-  router.push(link);
+const handleLink = (routers, index) => {
+  router.push({
+    path: routers,
+    query: {
+      data: index,
+    },
+  });
 };
 </script>
 
diff --git a/src/views/myHome/size768/index.vue b/src/views/myHome/size768/index.vue
index ea6df11..5f3357e 100644
--- a/src/views/myHome/size768/index.vue
+++ b/src/views/myHome/size768/index.vue
@@ -64,25 +64,34 @@
     >
       <h2 class="section-titles">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
       <div class="news-card">
-        <!-- <div class="news-date">De 15. 2023</div> -->
-        <!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
-        <div style="font-size: 18px">
-          <div>May 30, 2025 EDT</div>
-
-          <div style="font-size: 18px">
-            FiEE, Inc. Announces Reinitiation of Trading on Nasdaq
-          </div>
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
           <div
-            style="font-size: 18px"
-            class="cursor-pointer mt-[10px]"
-            @click="handleLink('/news')"
+            style="
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            "
           >
-            View Press Release<img
-              class="ml-[10px]"
-              src="@/assets/image/icon/icon-new.png"
-              alt=""
-              style="width: 20px; height: 20px"
-            />
+            <div>
+              <div style="font-size: 18px">{{ item.time }}</div>
+
+              <div style="font-size: 18px">
+                {{ item.title }}
+              </div>
+            </div>
+
+            <div
+              style="font-size: 18px"
+              class="cursor-pointer"
+              @click="handleLink(item.router, item.time)"
+            >
+              View Press Release<img
+                class="ml-[10px]"
+                src="@/assets/image/icon/icon-new.png"
+                alt=""
+                style="width: 20px; height: 20px"
+              />
+            </div>
           </div>
         </div>
       </div>
@@ -230,6 +239,18 @@ onMounted(() => {
     isInView.value = true;
   }
 });
+const newList = ref([
+  {
+    time: "May 30, 2025 EDT",
+    title: "FiEE, Inc. Announces Reinitiation of Trading on Nasdaq",
+    router: "/news",
+  },
+  {
+    time: "2 June, 2025",
+    title: "FiEE, Inc. Closes Its First Day of Trading on NASDAQ",
+    router: "/news",
+  },
+]);
 
 onUnmounted(() => {
   if (observer) {
@@ -238,8 +259,13 @@ onUnmounted(() => {
 });
 import { useRouter } from "vue-router";
 const router = useRouter();
-const handleLink = (link) => {
-  router.push(link);
+const handleLink = (routers, index) => {
+  router.push({
+    path: routers,
+    query: {
+      data: index,
+    },
+  });
 };
 </script>