scout666/fiee-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页新增新闻

Browse Source
This commit is contained in:
liwenhao 2025-06-03 10:45:56 +08:00
parent a38ea6964f
commit 35faed56cb
4 changed files with 181 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/views/myHome/size1440/index.vue
View File

@ -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>

67
src/views/myHome/size1920/index.vue
View File

@ -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>

66
src/views/myHome/size375/index.vue
View File

@ -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>

64
src/views/myHome/size768/index.vue
View File

@ -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>