Merge branch 'main' of https://gitea-inner.fontree.cn/scout666/fiee-official-website into LiWenHao

2025-05-23 20:02:41 +08:00 · 2025-05-23 20:02:41 +08:00 · fa00cdd6bc
commit fa00cdd6bc
parent 8252812dfb bb57f44b60
11 changed files with 396 additions and 83 deletions
--- a/src/components/customHeader/index.vue
+++ b/src/components/customHeader/index.vue
@ -4,7 +4,7 @@ import { useWindowSize } from '@vueuse/core'

 import size375 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 { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
@ -17,9 +17,9 @@ const viewComponent = computed(() => {
  const viewWidth = width.value
  if (viewWidth <= 450) {
    return size375
-  } else if (viewWidth <= 768) {
+  } else if (viewWidth <= 835) {
    return size768
-  } else if (viewWidth <= 1500) {
+  } else if (viewWidth <= 1640) {
    return size1440
  } else if (viewWidth <= 1920 || viewWidth > 1920) {
    return size1920
--- a/src/components/customHeader/size1440/index.vue
+++ b/src/components/customHeader/size1440/index.vue
@ -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 = () => {
+  //滚动距离大于100px时，处理对应的header样式
+  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>
--- a/src/locales/en.js
+++ b/src/locales/en.js
@ -494,6 +494,7 @@ export default {
        title: "Annual Reports",
        file_name: "File Name",
        view: "View",
+        date: "Date",
      },
      sec: {
        title: "SEC Filings",
--- a/src/views/events-calendar/size1920/index.vue
+++ b/src/views/events-calendar/size1920/index.vue
@ -60,11 +60,11 @@ const handleSearch = () => {
 }

 .search-date-picker {
-  width: 240px;
+  width: 14rem;
 }

 :deep(.n-date-picker) {
-  width: 240px;
+  width: 14rem;
  .n-input__input {
    padding: 4px 0;
    border-radius: 4px;
--- a/src/views/financialinformation/quarterlyresults/size1920/index.vue
+++ b/src/views/financialinformation/quarterlyresults/size1920/index.vue
@ -42,7 +42,6 @@
 import { ref, watch, onMounted, computed, reactive } from "vue";
 import { useI18n } from "vue-i18n";
 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 quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf";
 const { t } = useI18n();
@ -56,11 +55,6 @@ const state = reactive({
        "Unaudited First Quarter and Full Year 2025 Financial Results",
      url: quarterlyPdf2025Q1,
    },
-    {
-      title: "2024 Annual Report",
-      description: "Annual Report for the year ended December 31, 2024",
-      url: annualPdf2024,
-    },
    {
      title: "2023 Q1 Quarterly Results",
      description: "First Quarter and Full Year 2023 Financial Results",
--- a/src/views/financialinformation/quarterlyresults/size375/index.vue
+++ b/src/views/financialinformation/quarterlyresults/size375/index.vue
@ -54,7 +54,6 @@ import { NButton, NInput, NTooltip } from "naive-ui";
 import { useI18n } from "vue-i18n";

 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 quarterlyPdf2023Q2 from "@/assets/file/2023 Q2 Quarterly Results.pdf";
 const { t } = useI18n();
@ -68,11 +67,6 @@ const state = reactive({
        "Unaudited First Quarter and Full Year 2025 Financial Results",
      url: quarterlyPdf2025Q1,
    },
-    {
-      title: "2024 Annual Report",
-      description: "Annual Report for the year ended December 31, 2024",
-      url: annualPdf2024,
-    },
    {
      title: "2023 Q1 Quarterly Results",
      description: "First Quarter and Full Year 2023 Financial Results",
--- a/src/views/financialinformation/secfilings/size1920/index.vue
+++ b/src/views/financialinformation/secfilings/size1920/index.vue
@ -31,6 +31,9 @@
                t("financialinformation.secfilings.annual_reports.file_name")
              }}
            </div>
+            <div class="column date">
+              {{ t("financialinformation.secfilings.annual_reports.date") }}
+            </div>
            <div class="column download"></div>
          </div>

@ -42,6 +45,7 @@
              :key="index"
            >
              <div class="column file-name">{{ report.fileName }}</div>
+              <div class="column date">{{ report.date }}</div>
              <div class="column download">
                <a :href="report.downloadUrl" class="download-link">{{
                  t("financialinformation.secfilings.annual_reports.view")
@ -79,59 +83,100 @@ const { t } = useI18n();
 // 年度报告数据
 const annualReports = ref([
  {
-    fileName: "fieeinc_10q",
+    fileName: "2025 Annual Report",
+    date: "April 10, 2025",
    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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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>
@ -199,6 +244,7 @@ const annualReports = ref([
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
+  justify-content: space-between;
 }

 .table-row {
@ -213,16 +259,11 @@ const annualReports = ref([
  // overflow-y: auto;
 }
 .column {
-  &.format {
-    width: 10%;
-  }
-
-  &.item {
-    width: 15%;
-  }
-
  &.file-name {
-    width: 50%;
+    width: 25%;
+  }
+  &.date {
+    width: 25%;
  }

  &.download {
--- a/src/views/financialinformation/secfilings/size375/index.vue
+++ b/src/views/financialinformation/secfilings/size375/index.vue
@ -31,6 +31,9 @@
                t("financialinformation.secfilings.annual_reports.file_name")
              }}
            </div>
+            <div class="column date">
+              {{ t("financialinformation.secfilings.annual_reports.date") }}
+            </div>
            <div class="column download"></div>
          </div>

@ -42,6 +45,7 @@
              :key="index"
            >
              <div class="column file-name">{{ report.fileName }}</div>
+              <div class="column date">{{ report.date }}</div>
              <div class="column download">
                <a :href="report.downloadUrl" class="download-link">{{
                  t("financialinformation.secfilings.annual_reports.view")
@ -79,59 +83,100 @@ const { t } = useI18n();
 // 年度报告数据
 const annualReports = ref([
  {
-    fileName: "fieeinc_10q",
+    fileName: "2025 Annual Report",
+    date: "April 10, 2025",
    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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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:
-      "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>
@ -200,6 +245,7 @@ const annualReports = ref([
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
+  justify-content: space-between;
 }

 .table-row {
@ -214,18 +260,12 @@ const annualReports = ref([
  // overflow-y: auto;
 }
 .column {
-  &.format {
-    width: 10%;
-  }
-
-  &.item {
-    width: 15%;
-  }
-
  &.file-name {
-    width: 50%;
+    width: 35%;
+  }
+  &.date {
+    width: 35%;
  }
-
  &.download {
    margin-right: 100px;
  }
--- a/src/views/index/size375/index.vue
+++ b/src/views/index/size375/index.vue
@ -4,7 +4,7 @@ import customFooter from '@/components/customFooter/index.vue'
 </script>

 <template>
-  <div class="flex flex-col h-screen">
+  <div class="flex flex-col h-100svh">
    <customHeader />
    <div
      class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1 overflow-auto"
--- a/src/views/press-releases/size1920/index.vue
+++ b/src/views/press-releases/size1920/index.vue
@ -77,7 +77,7 @@ const handleSearch = () => {
 }

 .search-select {
-  width: 160px;
+  width: 7rem;
  :deep(.n-base-selection) {
    padding: 4px 0;
  }
--- a/src/views/stock-quote/size1920/index.vue
+++ b/src/views/stock-quote/size1920/index.vue
@ -1,7 +1,19 @@
 <script setup>
 import {useStockQuote} from '@/store/stock-quote/index.js'
 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()
 </script>

@ -13,7 +25,8 @@ getStockQuate()
    <!-- 左侧大号价格 -->
    <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="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 class="grid grid-cols-2 gap-16">