This commit is contained in:
liwenhao 2025-05-23 20:02:41 +08:00
commit fa00cdd6bc
11 changed files with 396 additions and 83 deletions

View File

@ -4,7 +4,7 @@ import { useWindowSize } from '@vueuse/core'
import size375 from '@/components/customHeader/size375/index.vue' import size375 from '@/components/customHeader/size375/index.vue'
import size768 from '@/components/customHeader/size375/index.vue' import size768 from '@/components/customHeader/size375/index.vue'
import size1440 from '@/components/customHeader/size1920/index.vue' import size1440 from '@/components/customHeader/size1440/index.vue'
import size1920 from '@/components/customHeader/size1920/index.vue' import size1920 from '@/components/customHeader/size1920/index.vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
@ -17,9 +17,9 @@ const viewComponent = computed(() => {
const viewWidth = width.value const viewWidth = width.value
if (viewWidth <= 450) { if (viewWidth <= 450) {
return size375 return size375
} else if (viewWidth <= 768) { } else if (viewWidth <= 835) {
return size768 return size768
} else if (viewWidth <= 1500) { } else if (viewWidth <= 1640) {
return size1440 return size1440
} else if (viewWidth <= 1920 || viewWidth > 1920) { } else if (viewWidth <= 1920 || viewWidth > 1920) {
return size1920 return size1920

View File

@ -0,0 +1,230 @@
<template>
<!-- 通用页头 -->
<NLayoutHeader
class="custom-header"
:class="{ 'header-scrolled': isScrolled }"
>
<div class="header-container">
<div class="logo" @click="handleToHome">
<NImage width="160" height="50" :src="FiEELogo" preview-disabled />
</div>
<div class="header-menu">
<NMenu
mode="horizontal"
:options="menuOptions"
:inverted="isScrolled"
v-model:value="selectedKey"
@update:value="handleMenuSelect"
/>
</div>
</div>
</NLayoutHeader>
</template>
<script setup>
import FiEELogo from '@/assets/image/header/logo.png'
import { ref, onMounted, onUnmounted } from 'vue'
import { NMenu, NLayoutHeader, NImage } from 'naive-ui'
import { useI18n } from 'vue-i18n'
import { useRouter } from 'vue-router'
import { useHeaderMenuConfig } from '@/config/headerMenuConfig'
const { t } = useI18n()
const router = useRouter()
// 使
const menuOptions = useHeaderMenuConfig()
const selectedKey = ref(null)
const isScrolled = ref(false)
//
function findMenuOptionByKey(options, key) {
for (const option of options) {
if (option.key === key) return option
if (option.children) {
const found = findMenuOptionByKey(option.children, key)
if (found) return found
}
}
return null
}
//
const handleMenuSelect = (key) => {
const option = findMenuOptionByKey(menuOptions, key)
if (option && option.href) {
router.push(option.href)
}
}
//
const handleScroll = () => {
//100pxheader
isScrolled.value = window.scrollY >= 100
}
onMounted(() => {
window.addEventListener('scroll', handleScroll)
})
onUnmounted(() => {
window.removeEventListener('scroll', handleScroll)
})
//
const handleToHome = () => {
router.push('/myhome')
selectedKey.value = null //
}
</script>
<style scoped lang="scss">
.custom-header {
--header-height: 5rem;
--primary-color: #8b59f7;
transition: all 0.3s ease;
background: transparent;
height: var(--header-height);
&.header-scrolled {
background: rgba(220, 207, 248, 0.95);
backdrop-filter: blur(8px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
}
.header-container {
max-width: 1700px;
margin: 0 auto;
padding: 0 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
flex-shrink: 0;
cursor: pointer;
transition: transform 0.3s ease;
margin-right: 100px;
&:hover {
transform: scale(1.05);
}
&:active {
transform: scale(0.98);
}
}
.header-menu {
display: block;
flex: 1;
:deep(.n-menu) {
background: transparent;
justify-content: flex-end;
}
:deep(.n-menu-item) {
position: relative;
margin: 0 10px;
transition: all 0.3s ease;
font-weight: 700;
// font-size: 16px;
font-size: 0.875rem;
min-width: 120px;
text-align: center;
&::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background: var(--primary-color);
transition: all 0.3s ease;
transform: translateX(-50%);
opacity: 0;
border-radius: 2px;
}
&:hover {
&::after {
width: 80px;
height: 3px;
opacity: 1;
}
}
//
&.n-menu-item--selected {
&::after {
width: 40px;
opacity: 1;
}
}
}
//
:deep(.n-submenu) {
.n-submenu-children {
backdrop-filter: blur(16px);
background: rgba(255, 255, 255, 0.9);
border-radius: 12px;
padding: 8px 0;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
transform-origin: top;
animation: dropDown 0.3s ease;
.n-menu-item {
position: relative;
overflow: hidden;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--primary-color);
transform: translateX(-100%);
transition: transform 0.3s ease;
opacity: 0.1;
z-index: -1;
}
&:hover {
&::before {
transform: translateX(0);
}
}
}
}
}
}
@keyframes dropDown {
from {
opacity: 0;
transform: translateY(-10px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
</style>
<style>
.header-menu .n-menu .n-menu-item-content .n-menu-item-content-header {
word-break: break-word;
white-space: unset !important;
}
.header-menu .n-menu .n-submenu .n-menu-item-content{
padding: 0 8px!important;
}
</style>

View File

@ -494,6 +494,7 @@ export default {
title: "Annual Reports", title: "Annual Reports",
file_name: "File Name", file_name: "File Name",
view: "View", view: "View",
date: "Date",
}, },
sec: { sec: {
title: "SEC Filings", title: "SEC Filings",

View File

@ -60,11 +60,11 @@ const handleSearch = () => {
} }
.search-date-picker { .search-date-picker {
width: 240px; width: 14rem;
} }
:deep(.n-date-picker) { :deep(.n-date-picker) {
width: 240px; width: 14rem;
.n-input__input { .n-input__input {
padding: 4px 0; padding: 4px 0;
border-radius: 4px; border-radius: 4px;

View File

@ -42,7 +42,6 @@
import { ref, watch, onMounted, computed, reactive } from "vue"; import { ref, watch, onMounted, computed, reactive } from "vue";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import quarterlyPdf2025Q1 from "@/assets/file/2025 Q1 Quarterly Results.pdf"; import quarterlyPdf2025Q1 from "@/assets/file/2025 Q1 Quarterly Results.pdf";
import annualPdf2024 from "@/assets/file/2024 Annual Report.pdf";
import quarterlyPdf2023Q1 from "@/assets/file/2023 Q1 Quarterly Results.pdf"; import quarterlyPdf2023Q1 from "@/assets/file/2023 Q1 Quarterly Results.pdf";
import quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf"; import quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf";
const { t } = useI18n(); const { t } = useI18n();
@ -56,11 +55,6 @@ const state = reactive({
"Unaudited First Quarter and Full Year 2025 Financial Results", "Unaudited First Quarter and Full Year 2025 Financial Results",
url: quarterlyPdf2025Q1, url: quarterlyPdf2025Q1,
}, },
{
title: "2024 Annual Report",
description: "Annual Report for the year ended December 31, 2024",
url: annualPdf2024,
},
{ {
title: "2023 Q1 Quarterly Results", title: "2023 Q1 Quarterly Results",
description: "First Quarter and Full Year 2023 Financial Results", description: "First Quarter and Full Year 2023 Financial Results",

View File

@ -54,7 +54,6 @@ import { NButton, NInput, NTooltip } from "naive-ui";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import quarterlyPdf2025Q1 from "@/assets/file/2025 Q1 Quarterly Results.pdf"; import quarterlyPdf2025Q1 from "@/assets/file/2025 Q1 Quarterly Results.pdf";
import annualPdf2024 from "@/assets/file/2024 Annual Report.pdf";
import quarterlyPdf2023Q1 from "@/assets/file/2023 Q1 Quarterly Results.pdf"; import quarterlyPdf2023Q1 from "@/assets/file/2023 Q1 Quarterly Results.pdf";
import quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf"; import quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf";
const { t } = useI18n(); const { t } = useI18n();
@ -68,11 +67,6 @@ const state = reactive({
"Unaudited First Quarter and Full Year 2025 Financial Results", "Unaudited First Quarter and Full Year 2025 Financial Results",
url: quarterlyPdf2025Q1, url: quarterlyPdf2025Q1,
}, },
{
title: "2024 Annual Report",
description: "Annual Report for the year ended December 31, 2024",
url: annualPdf2024,
},
{ {
title: "2023 Q1 Quarterly Results", title: "2023 Q1 Quarterly Results",
description: "First Quarter and Full Year 2023 Financial Results", description: "First Quarter and Full Year 2023 Financial Results",

View File

@ -31,6 +31,9 @@
t("financialinformation.secfilings.annual_reports.file_name") t("financialinformation.secfilings.annual_reports.file_name")
}} }}
</div> </div>
<div class="column date">
{{ t("financialinformation.secfilings.annual_reports.date") }}
</div>
<div class="column download"></div> <div class="column download"></div>
</div> </div>
@ -42,6 +45,7 @@
:key="index" :key="index"
> >
<div class="column file-name">{{ report.fileName }}</div> <div class="column file-name">{{ report.fileName }}</div>
<div class="column date">{{ report.date }}</div>
<div class="column download"> <div class="column download">
<a :href="report.downloadUrl" class="download-link">{{ <a :href="report.downloadUrl" class="download-link">{{
t("financialinformation.secfilings.annual_reports.view") t("financialinformation.secfilings.annual_reports.view")
@ -79,59 +83,100 @@ const { t } = useI18n();
// //
const annualReports = ref([ const annualReports = ref([
{ {
fileName: "fieeinc_10q", fileName: "2025 Annual Report",
date: "April 10, 2025",
downloadUrl: downloadUrl:
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003706/fieeinc_10q.htm", "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625002538/fieeinc_10k.htm",
}, },
{ {
fileName: "fieeinc_ex31-1", fileName: "2024 Annual Report",
date: "April 12, 2024",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-1.htm", "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912624002449/miniminc_10k.htm",
}, },
{ {
fileName: "fieeinc_ex31-2", fileName: "2023 Annual Report",
date: "March 31, 2023",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-2.htm", "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000149315223010335/form10-k.htm",
}, },
{ {
fileName: "fieeinc_ex32-1", fileName: "2022 Annual Report",
date: "March 31, 2022",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-1.htm", "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000149315222008365/form10-k.htm",
}, },
{ {
fileName: "fieeinc_ex32-2", fileName: "2021 Annual Report",
date: "April 13, 2021",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-2.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000165495421004133/zmtp_10k.htm",
}, },
{ {
fileName: " ownership", fileName: "2020 Annual Report",
date: "April 15, 2020",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003622/xslF345X05/ownership.xml", "https://www.sec.gov/Archives/edgar/data/1467761/000165495420004069/zmtp_10k.htm",
}, },
{ {
fileName: "primary_doc", fileName: "2019 Annual Report",
date: "April 1, 2019",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/xslSCHEDULE_13D_X01/primary_doc.xml", "https://www.sec.gov/Archives/edgar/data/1467761/000165495419003878/zmtp_10k.htm",
}, },
{ {
fileName: "fieeinc_ex1", fileName: "2018 Annual Report",
date: "March 30, 2018",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/fieeinc_ex1.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000165495418003402/zmtp_10k.htm",
}, },
{ {
fileName: "fiee_8ka", fileName: "2017 Annual Report",
date: "March 22, 2017",
downloadUrl: downloadUrl:
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003580/fiee_8ka.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000165495417002279/zmtp_10k.htm",
}, },
{ {
fileName: "fiee_ex4-1", fileName: "2016 Annual Report",
date: "March 15, 2016",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex4-1.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000135448816006596/zmtp_10k.htm",
}, },
{ {
fileName: "fiee_ex10-1", fileName: "2015 Annual Report",
date: "March 24, 2015",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex10-1.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000135448815001308/zmtp_10k.htm",
},
{
fileName: "2014 Annual Report",
date: "March 31, 2014",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448814001518/zmpt_10k.htm",
},
{
fileName: "2013 Annual Report",
date: "March 29, 2013",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448813001584/zmtp_10k.htm",
},
{
fileName: "2012 Annual Report",
date: "March 30, 2012",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448812001548/zoom_10k.htm",
},
{
fileName: "2011 Annual Report",
date: "March 29, 2011",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448811000969/zmtp_10k.htm",
},
{
fileName: "2010 Annual Report",
date: "March 31, 2010",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448810001043/zmtp_10k.htm",
}, },
]); ]);
</script> </script>
@ -199,6 +244,7 @@ const annualReports = ref([
padding: 10px 0; padding: 10px 0;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
font-weight: bold; font-weight: bold;
justify-content: space-between;
} }
.table-row { .table-row {
@ -213,16 +259,11 @@ const annualReports = ref([
// overflow-y: auto; // overflow-y: auto;
} }
.column { .column {
&.format {
width: 10%;
}
&.item {
width: 15%;
}
&.file-name { &.file-name {
width: 50%; width: 25%;
}
&.date {
width: 25%;
} }
&.download { &.download {

View File

@ -31,6 +31,9 @@
t("financialinformation.secfilings.annual_reports.file_name") t("financialinformation.secfilings.annual_reports.file_name")
}} }}
</div> </div>
<div class="column date">
{{ t("financialinformation.secfilings.annual_reports.date") }}
</div>
<div class="column download"></div> <div class="column download"></div>
</div> </div>
@ -42,6 +45,7 @@
:key="index" :key="index"
> >
<div class="column file-name">{{ report.fileName }}</div> <div class="column file-name">{{ report.fileName }}</div>
<div class="column date">{{ report.date }}</div>
<div class="column download"> <div class="column download">
<a :href="report.downloadUrl" class="download-link">{{ <a :href="report.downloadUrl" class="download-link">{{
t("financialinformation.secfilings.annual_reports.view") t("financialinformation.secfilings.annual_reports.view")
@ -79,59 +83,100 @@ const { t } = useI18n();
// //
const annualReports = ref([ const annualReports = ref([
{ {
fileName: "fieeinc_10q", fileName: "2025 Annual Report",
date: "April 10, 2025",
downloadUrl: downloadUrl:
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003706/fieeinc_10q.htm", "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625002538/fieeinc_10k.htm",
}, },
{ {
fileName: "fieeinc_ex31-1", fileName: "2024 Annual Report",
date: "April 12, 2024",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-1.htm", "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912624002449/miniminc_10k.htm",
}, },
{ {
fileName: "fieeinc_ex31-2", fileName: "2023 Annual Report",
date: "March 31, 2023",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex31-2.htm", "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000149315223010335/form10-k.htm",
}, },
{ {
fileName: "fieeinc_ex32-1", fileName: "2022 Annual Report",
date: "March 31, 2022",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-1.htm", "https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000149315222008365/form10-k.htm",
}, },
{ {
fileName: "fieeinc_ex32-2", fileName: "2021 Annual Report",
date: "April 13, 2021",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003706/fieeinc_ex32-2.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000165495421004133/zmtp_10k.htm",
}, },
{ {
fileName: " ownership", fileName: "2020 Annual Report",
date: "April 15, 2020",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003622/xslF345X05/ownership.xml", "https://www.sec.gov/Archives/edgar/data/1467761/000165495420004069/zmtp_10k.htm",
}, },
{ {
fileName: "primary_doc", fileName: "2019 Annual Report",
date: "April 1, 2019",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/xslSCHEDULE_13D_X01/primary_doc.xml", "https://www.sec.gov/Archives/edgar/data/1467761/000165495419003878/zmtp_10k.htm",
}, },
{ {
fileName: "fieeinc_ex1", fileName: "2018 Annual Report",
date: "March 30, 2018",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003620/fieeinc_ex1.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000165495418003402/zmtp_10k.htm",
}, },
{ {
fileName: "fiee_8ka", fileName: "2017 Annual Report",
date: "March 22, 2017",
downloadUrl: downloadUrl:
"https://www.sec.gov/ix?doc=/Archives/edgar/data/1467761/000182912625003580/fiee_8ka.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000165495417002279/zmtp_10k.htm",
}, },
{ {
fileName: "fiee_ex4-1", fileName: "2016 Annual Report",
date: "March 15, 2016",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex4-1.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000135448816006596/zmtp_10k.htm",
}, },
{ {
fileName: "fiee_ex10-1", fileName: "2015 Annual Report",
date: "March 24, 2015",
downloadUrl: downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000182912625003580/fiee_ex10-1.htm", "https://www.sec.gov/Archives/edgar/data/1467761/000135448815001308/zmtp_10k.htm",
},
{
fileName: "2014 Annual Report",
date: "March 31, 2014",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448814001518/zmpt_10k.htm",
},
{
fileName: "2013 Annual Report",
date: "March 29, 2013",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448813001584/zmtp_10k.htm",
},
{
fileName: "2012 Annual Report",
date: "March 30, 2012",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448812001548/zoom_10k.htm",
},
{
fileName: "2011 Annual Report",
date: "March 29, 2011",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448811000969/zmtp_10k.htm",
},
{
fileName: "2010 Annual Report",
date: "March 31, 2010",
downloadUrl:
"https://www.sec.gov/Archives/edgar/data/1467761/000135448810001043/zmtp_10k.htm",
}, },
]); ]);
</script> </script>
@ -200,6 +245,7 @@ const annualReports = ref([
padding: 10px 0; padding: 10px 0;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
font-weight: bold; font-weight: bold;
justify-content: space-between;
} }
.table-row { .table-row {
@ -214,18 +260,12 @@ const annualReports = ref([
// overflow-y: auto; // overflow-y: auto;
} }
.column { .column {
&.format {
width: 10%;
}
&.item {
width: 15%;
}
&.file-name { &.file-name {
width: 50%; width: 35%;
}
&.date {
width: 35%;
} }
&.download { &.download {
margin-right: 100px; margin-right: 100px;
} }

View File

@ -4,7 +4,7 @@ import customFooter from '@/components/customFooter/index.vue'
</script> </script>
<template> <template>
<div class="flex flex-col h-screen"> <div class="flex flex-col h-100svh">
<customHeader /> <customHeader />
<div <div
class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1 overflow-auto" class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1 overflow-auto"

View File

@ -77,7 +77,7 @@ const handleSearch = () => {
} }
.search-select { .search-select {
width: 160px; width: 7rem;
:deep(.n-base-selection) { :deep(.n-base-selection) {
padding: 4px 0; padding: 4px 0;
} }

View File

@ -1,7 +1,19 @@
<script setup> <script setup>
import {useStockQuote} from '@/store/stock-quote/index.js' import {useStockQuote} from '@/store/stock-quote/index.js'
const {getStockQuate,stockQuote}=useStockQuote() const {getStockQuate,stockQuote}=useStockQuote()
const date = new Date();
const options = {
year: 'numeric',
month: 'short',
day: 'numeric',
hour: 'numeric',
minute: '2-digit',
hour12: true,
timeZone: 'America/New_York',
timeZoneName: 'short'
};
const formatted = date.toLocaleString('en-US', options);
getStockQuate() getStockQuate()
</script> </script>
@ -13,7 +25,8 @@ getStockQuate()
<!-- 左侧大号价格 --> <!-- 左侧大号价格 -->
<section class="flex flex-col items-center justify-center glass-card p-32 rounded-2xl shadow-xl "> <section class="flex flex-col items-center justify-center glass-card p-32 rounded-2xl shadow-xl ">
<div class="text-9xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.change?.[0].slice(0,4) }}</div> <div class="text-9xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.change?.[0].slice(0,4) }}</div>
<div class="mt-10 text-3xl text-gray-500 font-semibold tracking-widest">NASDAQ: <span class="text-black">UK</span></div> <div class="mt-10 text-3xl text-gray-500 font-semibold tracking-widest mb-10px">NASDAQ: <span class="text-black">MINM</span></div>
<div class="text-gray-500">{{ formatted }}</div>
</section> </section>
<!-- 右侧信息卡片 --> <!-- 右侧信息卡片 -->
<section class="grid grid-cols-2 gap-16"> <section class="grid grid-cols-2 gap-16">