src/views/myHome/size1440/index.vue

@@ -64,34 +64,26 @@
     >
       <h2 class="section-titles">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
       <div class="news-card">
-        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
+        <!-- <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="
+            style="font-size: 18px"
-              display: flex;
+            class="cursor-pointer"
-              align-items: center;
+            @click="handleLink('/news')"
-              justify-content: space-between;
-            "
           >
-            <div>
+            View Press Release<img
-              <div style="font-size: 18px">{{ item.time }}</div>
+              class="ml-[10px]"
-
+              src="@/assets/image/icon/icon-new.png"
-              <div style="font-size: 18px">
+              alt=""
-                {{ item.title }}
+              style="width: 20px; height: 20px"
-              </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>
@@ -213,18 +205,7 @@ const { t: $t } = useI18n();
 const contentRef = ref(null);
 const isInView = ref(false);
 let observer = null;
-const newList = ref([
+
-  {
-    time: "May 30, 2025",
-    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(
@@ -258,13 +239,8 @@ onUnmounted(() => {
 });
 import { useRouter } from "vue-router";
 const router = useRouter();
-const handleLink = (routers, index) => {
+const handleLink = (link) => {
-  router.push({
+  router.push(link);
-    path: routers,
-    query: {
-      date: index,
-    },
-  });
 };
 </script>
 

src/views/myHome/size1920/index.vue

@@ -63,34 +63,27 @@
     >
       <h2 class="section-titles">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
       <div class="news-card">
-        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
+        <!-- <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="
+            style="font-size: 18px"
-              display: flex;
+            class="cursor-pointer"
-              align-items: center;
+            @click="handleLink('/news')"
-              justify-content: space-between;
-            "
           >
-            <div>
+            View Press Release<img
-              <div style="font-size: 18px">{{ item.time }}</div>
+              class="ml-[10px]"
-
+              src="@/assets/image/icon/icon-new.png"
-              <div style="font-size: 18px">
+              alt=""
-                {{ item.title }}
+              style="width: 20px; height: 20px"
-              </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>
@@ -199,19 +192,6 @@ getStockQuate();
 // 示例数据
 const sampleDate = ref(formatted);
 
-const newList = ref([
-  {
-    time: "May 30, 2025",
-    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);
@@ -249,13 +229,8 @@ onUnmounted(() => {
 });
 import { useRouter } from "vue-router";
 const router = useRouter();
-const handleLink = (routers, index) => {
+const handleLink = (link) => {
-  router.push({
+  router.push(link);
-    path: routers,
-    query: {
-      date: index,
-    },
-  });
 };
 </script>
 

src/views/myHome/size375/index.vue

@@ -64,34 +64,26 @@
     >
       <h2 class="section-titles">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
       <div class="news-card">
-        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
+        <!-- <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="
+            style="font-size: 18px"
-              display: flex;
+            class="cursor-pointer mt-[20px]"
-              align-items: center;
+            @click="handleLink('/news')"
-              justify-content: space-between;
-            "
           >
-            <div>
+            View Press Release<img
-              <div style="font-size: 18px">{{ item.time }}</div>
+              class="ml-[10px]"
-
+              src="@/assets/image/icon/icon-new.png"
-              <div style="font-size: 18px">
+              alt=""
-                {{ item.title }}
+              style="width: 20px; height: 20px"
-              </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>
@@ -211,18 +203,7 @@ const { t: $t } = useI18n();
 const contentRef = ref(null);
 const isInView = ref(false);
 let observer = null;
-const newList = ref([
+
-  {
-    time: "May 30, 2025",
-    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(
@@ -256,13 +237,8 @@ onUnmounted(() => {
 });
 import { useRouter } from "vue-router";
 const router = useRouter();
-const handleLink = (routers, index) => {
+const handleLink = (link) => {
-  router.push({
+  router.push(link);
-    path: routers,
-    query: {
-      date: index,
-    },
-  });
 };
 </script>
 

src/views/myHome/size768/index.vue

@@ -64,34 +64,25 @@
     >
       <h2 class="section-titles">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
       <div class="news-card">
-        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
+        <!-- <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="
+            style="font-size: 18px"
-              display: flex;
+            class="cursor-pointer mt-[10px]"
-              align-items: center;
+            @click="handleLink('/news')"
-              justify-content: space-between;
-            "
           >
-            <div>
+            View Press Release<img
-              <div style="font-size: 18px">{{ item.time }}</div>
+              class="ml-[10px]"
-
+              src="@/assets/image/icon/icon-new.png"
-              <div style="font-size: 18px">
+              alt=""
-                {{ item.title }}
+              style="width: 20px; height: 20px"
-              </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>
@@ -239,18 +230,6 @@ onMounted(() => {
     isInView.value = true;
   }
 });
-const newList = ref([
-  {
-    time: "May 30, 2025",
-    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) {
@@ -259,13 +238,8 @@ onUnmounted(() => {
 });
 import { useRouter } from "vue-router";
 const router = useRouter();
-const handleLink = (routers, index) => {
+const handleLink = (link) => {
-  router.push({
+  router.push(link);
-    path: routers,
-    query: {
-      date: index,
-    },
-  });
 };
 </script>