diff --git a/src/views/myHome/size1440/index.vue b/src/views/myHome/size1440/index.vue index ade21cd..9dc67d8 100644 --- a/src/views/myHome/size1440/index.vue +++ b/src/views/myHome/size1440/index.vue @@ -64,26 +64,34 @@ >

{{ $t("HOME.CONTAINY.NEWS.TITLE") }}

- - -
-
May 30, 2025 EDT
- -
- FiEE, Inc. Announces Reinitiation of Trading on Nasdaq -
- +
- View Press Release +
+
{{ item.time }}
+ +
+ {{ item.title }} +
+
+ +
+ View Press Release +
@@ -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", + 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: { + date: index, + }, + }); }; diff --git a/src/views/myHome/size1920/index.vue b/src/views/myHome/size1920/index.vue index 3d6afae..8fc6b2e 100644 --- a/src/views/myHome/size1920/index.vue +++ b/src/views/myHome/size1920/index.vue @@ -63,27 +63,34 @@ >

{{ $t("HOME.CONTAINY.NEWS.TITLE") }}

- - - -
-
May 30, 2025 EDT
- -
- FiEE, Inc. Announces Reinitiation of Trading on Nasdaq -
- +
- View Press Release +
+
{{ item.time }}
+ +
+ {{ item.title }} +
+
+ +
+ View Press Release +
@@ -192,6 +199,19 @@ 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); @@ -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: { + date: index, + }, + }); }; diff --git a/src/views/myHome/size375/index.vue b/src/views/myHome/size375/index.vue index 5cc9623..7e0aa2b 100644 --- a/src/views/myHome/size375/index.vue +++ b/src/views/myHome/size375/index.vue @@ -64,26 +64,34 @@ >

{{ $t("HOME.CONTAINY.NEWS.TITLE") }}

- - -
-
May 30, 2025 EDT
- -
- FiEE, Inc. Announces Reinitiation of Trading on Nasdaq -
- +
- View Press Release +
+
{{ item.time }}
+ +
+ {{ item.title }} +
+
+ +
+ View Press Release +
@@ -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", + 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: { + date: index, + }, + }); }; diff --git a/src/views/myHome/size768/index.vue b/src/views/myHome/size768/index.vue index ea6df11..6734da2 100644 --- a/src/views/myHome/size768/index.vue +++ b/src/views/myHome/size768/index.vue @@ -64,25 +64,34 @@ >

{{ $t("HOME.CONTAINY.NEWS.TITLE") }}

- - -
-
May 30, 2025 EDT
- -
- FiEE, Inc. Announces Reinitiation of Trading on Nasdaq -
+
- View Press Release +
+
{{ item.time }}
+ +
+ {{ item.title }} +
+
+ +
+ View Press Release +
@@ -230,6 +239,18 @@ 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) { @@ -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: { + date: index, + }, + }); };