首页新增新闻
This commit is contained in:
parent
a38ea6964f
commit
35faed56cb
@ -64,19 +64,26 @@
|
||||
>
|
||||
<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="margin-bottom: 20px" v-for="(item, index) in newList">
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div style="font-size: 18px">{{ item.time }}</div>
|
||||
|
||||
<div style="font-size: 18px">
|
||||
FiEE, Inc. Announces Reinitiation of Trading on Nasdaq
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="font-size: 18px"
|
||||
class="cursor-pointer"
|
||||
@click="handleLink('/news')"
|
||||
@click="handleLink(item.router, item.time)"
|
||||
>
|
||||
View Press Release<img
|
||||
class="ml-[10px]"
|
||||
@ -87,6 +94,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 新增：股票信息与活动预告双栏模块 -->
|
||||
<section
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -63,20 +63,26 @@
|
||||
>
|
||||
<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="margin-bottom: 20px" v-for="(item, index) in newList">
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div style="font-size: 18px">{{ item.time }}</div>
|
||||
|
||||
<div style="font-size: 18px">
|
||||
<div>May 30, 2025 EDT</div>
|
||||
|
||||
<div style="font-size: 18px">
|
||||
FiEE, Inc. Announces Reinitiation of Trading on Nasdaq
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="font-size: 18px"
|
||||
class="cursor-pointer"
|
||||
@click="handleLink('/news')"
|
||||
@click="handleLink(item.router, item.time)"
|
||||
>
|
||||
View Press Release<img
|
||||
class="ml-[10px]"
|
||||
@ -87,6 +93,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 新增：股票信息与活动预告双栏模块 -->
|
||||
<section
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -64,19 +64,26 @@
|
||||
>
|
||||
<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="margin-bottom: 20px" v-for="(item, index) in newList">
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div style="font-size: 18px">{{ item.time }}</div>
|
||||
|
||||
<div style="font-size: 18px">
|
||||
FiEE, Inc. Announces Reinitiation of Trading on Nasdaq
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="font-size: 18px"
|
||||
class="cursor-pointer mt-[20px]"
|
||||
@click="handleLink('/news')"
|
||||
class="cursor-pointer"
|
||||
@click="handleLink(item.router, item.time)"
|
||||
>
|
||||
View Press Release<img
|
||||
class="ml-[10px]"
|
||||
@ -87,6 +94,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 新增：股票信息与活动预告双栏模块 -->
|
||||
<section
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -64,18 +64,26 @@
|
||||
>
|
||||
<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="margin-bottom: 20px" v-for="(item, index) in newList">
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div style="font-size: 18px">{{ item.time }}</div>
|
||||
|
||||
<div style="font-size: 18px">
|
||||
FiEE, Inc. Announces Reinitiation of Trading on Nasdaq
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
style="font-size: 18px"
|
||||
class="cursor-pointer mt-[10px]"
|
||||
@click="handleLink('/news')"
|
||||
class="cursor-pointer"
|
||||
@click="handleLink(item.router, item.time)"
|
||||
>
|
||||
View Press Release<img
|
||||
class="ml-[10px]"
|
||||
@ -86,6 +94,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- 新增：股票信息与活动预告双栏模块 -->
|
||||
<section
|
||||
@ -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>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user