首页新增新闻

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> -->
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
-        <!-- <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="font-size: 18px"
+            style="
-            class="cursor-pointer"
+              display: flex;
-            @click="handleLink('/news')"
+              align-items: center;
+              justify-content: space-between;
+            "
           >
-            View Press Release<img
+            <div>
-              class="ml-[10px]"
+              <div style="font-size: 18px">{{ item.time }}</div>
-              src="@/assets/image/icon/icon-new.png"
+
-              alt=""
+              <div style="font-size: 18px">
-              style="width: 20px; height: 20px"
+                {{ 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) => {
+const handleLink = (routers, index) => {
-  router.push(link);
+  router.push({
+    path: routers,
+    query: {
+      data: index,
+    },
+  });
 };
 </script>
 

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> -->
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
-        <!-- <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="font-size: 18px"
+            style="
-            class="cursor-pointer"
+              display: flex;
-            @click="handleLink('/news')"
+              align-items: center;
+              justify-content: space-between;
+            "
           >
-            View Press Release<img
+            <div>
-              class="ml-[10px]"
+              <div style="font-size: 18px">{{ item.time }}</div>
-              src="@/assets/image/icon/icon-new.png"
+
-              alt=""
+              <div style="font-size: 18px">
-              style="width: 20px; height: 20px"
+                {{ 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) => {
+const handleLink = (routers, index) => {
-  router.push(link);
+  router.push({
+    path: routers,
+    query: {
+      data: index,
+    },
+  });
 };
 </script>
 

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> -->
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
-        <!-- <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="font-size: 18px"
+            style="
-            class="cursor-pointer mt-[20px]"
+              display: flex;
-            @click="handleLink('/news')"
+              align-items: center;
+              justify-content: space-between;
+            "
           >
-            View Press Release<img
+            <div>
-              class="ml-[10px]"
+              <div style="font-size: 18px">{{ item.time }}</div>
-              src="@/assets/image/icon/icon-new.png"
+
-              alt=""
+              <div style="font-size: 18px">
-              style="width: 20px; height: 20px"
+                {{ 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) => {
+const handleLink = (routers, index) => {
-  router.push(link);
+  router.push({
+    path: routers,
+    query: {
+      data: index,
+    },
+  });
 };
 </script>
 

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> -->
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
-        <!-- <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="font-size: 18px"
+            style="
-            class="cursor-pointer mt-[10px]"
+              display: flex;
-            @click="handleLink('/news')"
+              align-items: center;
+              justify-content: space-between;
+            "
           >
-            View Press Release<img
+            <div>
-              class="ml-[10px]"
+              <div style="font-size: 18px">{{ item.time }}</div>
-              src="@/assets/image/icon/icon-new.png"
+
-              alt=""
+              <div style="font-size: 18px">
-              style="width: 20px; height: 20px"
+                {{ 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) => {
+const handleLink = (routers, index) => {
-  router.push(link);
+  router.push({
+    path: routers,
+    query: {
+      data: index,
+    },
+  });
 };
 </script>