去掉括号

src/components/customEcharts/size1920/index.vue

@@ -76,19 +76,28 @@ const initEcharts = (data) => {
     })
   })
   const yAxisData = data.map((item) => item.price)
-  console.error(xAxisData, yAxisData)
+  // console.error(xAxisData, yAxisData)
   // 基于准备好的dom，初始化echarts实例
-  myCharts = echarts.init(document.getElementById('myEcharts'))
+  myCharts = echarts.init(document.getElementById('myEcharts'), null, {
+    renderer: 'canvas',
+    useDirtyRect: true
+  })
   // 绘制图表
   myCharts.setOption({
+    animation: false,
+    progressive: 500,
+    progressiveThreshold: 3000,
     // title: {
     //   text: 'FiEE, Inc. Stock Price History',
     // },
+    grid: {
+      left: '8%', // 或 '2%'，根据实际情况调整
+      right: '12%', // 给右侧y轴留空间，数值可根据y轴label宽度调整
+    },
     tooltip: {
       trigger: 'axis',
       axisPointer: {
         type: 'line',
-        snap: true,
         label: {
           backgroundColor: '#6a7985',
         },
@@ -97,6 +106,9 @@ const initEcharts = (data) => {
         const p = params[0]
         return `<span style="font-size: 1.1rem; font-weight: 600;">${p.axisValue}</span><br/><span style="font-size: 0.9rem; font-weight: 400;">Price: ${p.data}</span>`
       },
+      triggerOn: 'mousemove',
+      confine: true,
+      hideDelay: 1500
     },
     xAxis: {
       data: xAxisData,
@@ -111,15 +123,8 @@ const initEcharts = (data) => {
       axisLabel: {
         color: '#323232',
         fontWeight: 'bold',
-        // formatter: function (value) {
+        interval: 'auto',
-        //   return value ? value.split('-')[0] : ''
+        hideOverlap: true
-        // },
-        // interval: function (index, value) {
-        //   if (index === 0) return true;
-        //   const axisData = this && this.axis && this.axis.data ? this.axis.data : [];
-        //   if (!axisData[index - 1]) return true;
-        //   return value.split('-')[0] !== axisData[index - 1].split('-')[0];
-        // },
       },
     },
     yAxis: {
@@ -169,6 +174,10 @@ const initEcharts = (data) => {
           symbolSize: 24,
           data: [],
         },
+        progressive: 500,
+        progressiveThreshold: 3000,
+        large: true,
+        largeThreshold: 2000
       },
     ],
 
@@ -326,15 +335,15 @@ function findClosestDateIndexDescLeft(data, targetDateStr) {
   let left = 0,
     right = data.length - 1
   const target = new Date(targetDateStr).getTime()
-  let res = -1 // 默认返回-1（找不到）
+  let res = -1
   while (left <= right) {
     const mid = Math.floor((left + right) / 2)
     const midTime = new Date(data[mid].date).getTime()
-    if (midTime < target) {
+    if (midTime > target) {
-      right = mid - 1 // 向左搜索，因为我们要找的是小于等于目标日期的最近一天
+      left = mid + 1 // mid 比目标新，往更旧的方向找
     } else {
-      res = mid // 记录当前找到的索引
+      res = mid     // mid <= target，记录下来，继续往更新的方向找
-      left = mid + 1 // 向右搜索，因为更早的日期在数组后面
+      right = mid - 1
     }
   }
   return res
@@ -452,9 +461,9 @@ const changeSearchRange = (range, dateTime) => {
       }
       let endValue = endDate
       if (endDate) {
-        console.warn(endDate)
+        // console.warn(endDate)
         const idx = findClosestDateIndexDescLeft(historicData, endDate)
-        console.warn(idx)
+        // console.warn(idx)
         // 用 historicData[idx].date 格式化为 xAxisData 的格式
         endValue = new Date(historicData[idx].date).toLocaleDateString(
           'en-US',
@@ -464,7 +473,7 @@ const changeSearchRange = (range, dateTime) => {
             year: 'numeric',
           },
         )
-        console.warn(endValue)
+        // console.warn(endValue)
       }
 
       if (startDate) {
@@ -509,7 +518,7 @@ const disablePreviousDate = (date) => {
 
 // 切换搜索区间开始日期
 const changeSearchRangeStartDate = (date) => {
-  console.error(date)
+  // console.error(date)
   changeSearchRange(
     'startDateTime',
     new Date(date).toLocaleDateString('en-US', {
@@ -522,7 +531,7 @@ const changeSearchRangeStartDate = (date) => {
 
 // 切换搜索区间结束日期
 const changeSearchRangeEndDate = (date) => {
-  console.error(date)
+  // console.error(date)
   changeSearchRange(
     'endDateTime',
     new Date(date).toLocaleDateString('en-US', {

src/components/customEcharts/size375/index.vue

@@ -76,14 +76,21 @@ const initEcharts = (data) => {
     })
   })
   const yAxisData = data.map((item) => item.price)
-  console.error(xAxisData, yAxisData)
+  // console.error(xAxisData, yAxisData)
   // 基于准备好的dom，初始化echarts实例
   myCharts = echarts.init(document.getElementById('myEcharts'))
   // 绘制图表
   myCharts.setOption({
+    animation: false,
+    progressive: 500,
+    progressiveThreshold: 3000,
     // title: {
     //   text: 'FiEE, Inc. Stock Price History',
     // },
+    grid: {
+      left: '8%', // 或 '2%'，根据实际情况调整
+      right: '15%', // 给右侧y轴留空间，数值可根据y轴label宽度调整
+    },
     tooltip: {
       trigger: 'axis',
       axisPointer: {
@@ -97,6 +104,8 @@ const initEcharts = (data) => {
         const p = params[0]
         return `<span style="font-size: 1.1rem; font-weight: 600;">${p.axisValue}</span><br/><span style="font-size: 0.9rem; font-weight: 400;">Price: ${p.data}</span>`
       },
+      confine: true,
+      hideDelay: 1500
     },
     xAxis: {
       data: xAxisData,
@@ -327,15 +336,15 @@ function findClosestDateIndexDescLeft(data, targetDateStr) {
   let left = 0,
     right = data.length - 1
   const target = new Date(targetDateStr).getTime()
-  let res = -1 // 默认返回-1（找不到）
+  let res = -1
   while (left <= right) {
     const mid = Math.floor((left + right) / 2)
     const midTime = new Date(data[mid].date).getTime()
-    if (midTime < target) {
+    if (midTime > target) {
-      right = mid - 1 // 向左搜索，因为我们要找的是小于等于目标日期的最近一天
+      left = mid + 1 // mid 比目标新，往更旧的方向找
     } else {
-      res = mid // 记录当前找到的索引
+      res = mid     // mid <= target，记录下来，继续往更新的方向找
-      left = mid + 1 // 向右搜索，因为更早的日期在数组后面
+      right = mid - 1
     }
   }
   return res
@@ -453,9 +462,9 @@ const changeSearchRange = (range, dateTime) => {
       }
       let endValue = endDate
       if (endDate) {
-        console.warn(endDate)
+        // console.warn(endDate)
         const idx = findClosestDateIndexDescLeft(historicData, endDate)
-        console.warn(idx)
+        // console.warn(idx)
         // 用 historicData[idx].date 格式化为 xAxisData 的格式
         endValue = new Date(historicData[idx].date).toLocaleDateString(
           'en-US',
@@ -465,7 +474,7 @@ const changeSearchRange = (range, dateTime) => {
             year: 'numeric',
           },
         )
-        console.warn(endValue)
+        // console.warn(endValue)
       }
 
       if (startDate) {
@@ -510,7 +519,7 @@ const disablePreviousDate = (date) => {
 
 // 切换搜索区间开始日期
 const changeSearchRangeStartDate = (date) => {
-  console.error(date)
+  // console.error(date)
   changeSearchRange(
     'startDateTime',
     new Date(date).toLocaleDateString('en-US', {
@@ -523,7 +532,7 @@ const changeSearchRangeStartDate = (date) => {
 
 // 切换搜索区间结束日期
 const changeSearchRangeEndDate = (date) => {
-  console.error(date)
+  // console.error(date)
   changeSearchRange(
     'endDateTime',
     new Date(date).toLocaleDateString('en-US', {

src/components/customFooter/size1920/index.vue

@@ -21,13 +21,14 @@ import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf";
 
 //点击跳转到对应的链接页面
 const handleLink = (link) => {
-  if (link === "privacyPolicy") {
+  // if (link === "privacyPolicy") {
-    window.open(privacyPolicy, "_blank");
+  //   window.open(privacyPolicy, "_blank");
-  } else if (link === "termsOfUse") {
+  // } else if (link === "termsOfUse") {
-    window.open(termsOfUse, "_blank");
+  //   window.open(termsOfUse, "_blank");
-  } else if (link === "siteMap") {
+  // } else if (link === "siteMap") {
-    window.open(siteMap, "_blank");
+  //   window.open(siteMap, "_blank");
-  }
+  // }
+  router.push(link)
 };
 </script>
 

src/components/customFooter/size375/index.vue

@@ -22,13 +22,14 @@ import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf";
 
 //点击跳转到对应的链接页面
 const handleLink = (link) => {
-  if (link === "privacyPolicy") {
+  // if (link === "privacyPolicy") {
-    window.open(privacyPolicy, "_blank");
+  //   window.open(privacyPolicy, "_blank");
-  } else if (link === "termsOfUse") {
+  // } else if (link === "termsOfUse") {
-    window.open(termsOfUse, "_blank");
+  //   window.open(termsOfUse, "_blank");
-  } else if (link === "siteMap") {
+  // } else if (link === "siteMap") {
-    window.open(siteMap, "_blank");
+  //   window.open(siteMap, "_blank");
-  }
+  // }
+  router.push(link)
 };
 </script>
 

src/components/customFooter/size768/index.vue

@@ -19,13 +19,14 @@ import siteMap from "@/assets/file/footer/FiEE, Inc. _ Site Map.pdf";
 
 //点击跳转到对应的链接页面
 const handleLink = (link) => {
-  if (link === "privacyPolicy") {
+  // if (link === "privacyPolicy") {
-    window.open(privacyPolicy, "_blank");
+  //   window.open(privacyPolicy, "_blank");
-  } else if (link === "termsOfUse") {
+  // } else if (link === "termsOfUse") {
-    window.open(termsOfUse, "_blank");
+  //   window.open(termsOfUse, "_blank");
-  } else if (link === "siteMap") {
+  // } else if (link === "siteMap") {
-    window.open(siteMap, "_blank");
+  //   window.open(siteMap, "_blank");
-  }
+  // }
+  router.push(link)
 };
 </script>
 

src/locales/en.js

@@ -570,8 +570,8 @@ export default {
     CONTAINY: {
       STOCK_INFO: {
         TITLE: "Stock Information",
-        LAST_PRICE: "Last Price",
+        LAST_PRICE: "Price",
-        CHANGE: "Change",
+        CHANGE: "% Change",
         STOCK_CODE: "Stock Code",
         VOLUME: "Volume",
         MARKET_CAP: "Market Cap",
@@ -707,7 +707,7 @@ export default {
   // 管理
   MANAGEMENT: {
     ONE: {
-      TITLE: "Wai Chung Li",
+      TITLE: "Li Wai Chung",
       TITLETWO: "Chief Executive Officer",
       CONTENT:
         "Mr. Li is our Chief Executive Officer. Mr. Li has extensive experience in accounting, corporate management and finance management. His role encompasses the oversight of our daily business operations and plays a vital part in the overall management of our Group.With a track record spanning prestigious roles at Deloitte China, Shanghai Prime Machinery Company Limited, Lens Technology Co., Ltd., and more, Mr. Li brings invaluable expertise to our team.",
@@ -719,7 +719,7 @@ export default {
       TITLE: "Cao Yu",
       TITLETWO: "Chief Financial Officer, Secretary, Treasurer and Director",
       CONTENTONE:
-        "Ms. Cao is our Chief Financial Officer. Secretary, Treasurer and Director. Ms. Cao has a wealth of experience in financial management. She oversees financial operations, strategic planning, risk management, and reporting to ensure our financial health and compliance with regulations.",
+        "Ms. Cao is our Chief Financial Officer, Secretary, Treasurer and Director. Ms. Cao has a wealth of experience in financial management. She oversees financial operations, strategic planning, risk management, and reporting to ensure our financial health and compliance with regulations.",
       CONTENTTWO:
         "Ms. Cao previously served as the treasury director of Taifeng Cultural Communication Co., Ltd where she oversaw its financial matters from November 2018 to November 2024. Prior to that, Ms. Cao served as a business manager of Yangfeng Art Exchange Co., Ltd from February 2016 to October 2018. From March 2011 to January 2016, she served as the treasury officer of financial department of Suzhou Industrial Park Xinfushida Plastic Profile Products Co., Ltd.",
     },

src/store/auth/index.js

@@ -15,7 +15,7 @@ import { useRouter } from "vue-router";
 import { showImagePreview } from "vant";
 
 export const useAuth = createGlobalState(() => {
-  console.log("useRouter", useRouter);
+  // console.log("useRouter", useRouter);
   const router = useRouter();
   const token = useStorage("token", "", localStorage);
   const workUid = useStorage("workUid", "", localStorage);
@@ -44,7 +44,7 @@ export const useAuth = createGlobalState(() => {
       const millisecondsIn48Hours = 48 * 60 * 60 * 1000;
       voteToken.value.expireTime = currentTimestamp + millisecondsIn48Hours;
       voteToken.value.authorization = res.data?.authorization;
-      console.log("voteToken", voteToken.value);
+      // console.log("voteToken", voteToken.value);
     }
   };
   const sendVote = async () => {

src/store/stock-quote/index.js

@@ -28,7 +28,7 @@ const options = {
     timeZone: 'America/New_York',
     timeZoneName: 'short'
   };
-
+  let lastTradingDay
   dayjs.extend(utc)
   dayjs.extend(timezone)
   /*
@@ -40,40 +40,37 @@ dayjs.extend(timezone)
   如果今天是周六，则上一个交易日为周五。
   其他情况，上一个交易日为昨天。
   */
-const getLastTradingDay = () => {
-  const now = dayjs().tz('America/New_York')
-  let lastTradingDay
-  const dayOfWeek = now.day() // 0:周日, 1:周一, ..., 5:周五, 6:周六
-  const isBeforeClose = now.hour() < 16 || (now.hour() === 16 && now.minute() === 0 && now.second() === 0)
 
-  if (dayOfWeek === 0) { // 周日
+  const getLastTradingDay = async () => {
-    // 返回本周五16:00
+    const toDate = dayjs().format('YYYY-MM-DD');
-    lastTradingDay = now.day(-2).hour(16).minute(0).second(0).millisecond(0)
+    const finalFromDate = dayjs().subtract(7, 'day').format('YYYY-MM-DD');
-  } else if (dayOfWeek === 6) { // 周六
+    let url =
-    // 返回本周五16:00
+      'https://common.szjixun.cn/api/stock/history/list?from=' +
-    lastTradingDay = now.day(-1).hour(16).minute(0).second(0).millisecond(0)
+      finalFromDate +
-  } else if (dayOfWeek === 1 && isBeforeClose) { // 周一16:00前
+      '&to=' +
-    // 返回上周五16:00
+      toDate;
-    lastTradingDay = now.day(-2).hour(16).minute(0).second(0).millisecond(0)
+    const res = await axios.get(url)
-  } else if (isBeforeClose) { // 工作日16:00前
+    if (res.status === 200) {
-    // 返回前一天16:00
+      if (res.data.status === 0) {
-    lastTradingDay = now.subtract(1, 'day').hour(16).minute(0).second(0).millisecond(0)
+        lastTradingDay = dayjs(res.data.data[0].date)
-  } else {
+      }
-    // 工作日16:00后，返回今天16:00
+      return lastTradingDay.format('MMM D, YYYY') + ' 4:00 PM EDT'
-    lastTradingDay = now.hour(16).minute(0).second(0).millisecond(0)
     }
-  return lastTradingDay.format('MMM D, YYYY, h:mm A [EDT]')
   }
 
-const formatted = ref(getLastTradingDay())
+  const formatted = ref(null)
+  const init = async () => {
+    formatted.value = await getLastTradingDay()
+  }
+  init()
   const getStockQuate = async () => {
     // const res = await axios.get('https://saas-test.szjixun.cn/api/fiee/chart/forward/test')
     const res = await axios.get('https://common.szjixun.cn/api/stock/company/data')
-    console.error(res)
+    // console.error(res)
     if (res.status === 200) {
       if (res.data.status === 0) {
         stockQuote.value = res.data.data
-        console.error(stockQuote.value)
+
       }
     }
   }

src/views/CommitteeAppointment/size1440/index.vue

@@ -131,7 +131,7 @@ const committeeRoles = {
   "Hu Bin": {
     Audit: "Member",
     Compensation: "Member",
-    Governance: "Chair",
+    Governance: "Member",
   },
   "David Natan": {
     Audit: "Chair",
@@ -141,7 +141,7 @@ const committeeRoles = {
   "Chan Oi Fat": {
     Audit: "Member",
     Compensation: "Chair",
-    Governance: "Member",
+    Governance: "Chair",
   },
 };
 

src/views/CommitteeAppointment/size1920/index.vue

@@ -129,7 +129,7 @@ const committeeRoles = {
   "Hu Bin": {
     Audit: "Member",
     Compensation: "Member",
-    Governance: "Chair",
+    Governance: "Member",
   },
   "David Natan": {
     Audit: "Chair",
@@ -139,7 +139,7 @@ const committeeRoles = {
   "Chan Oi Fat": {
     Audit: "Member",
     Compensation: "Chair",
-    Governance: "Member",
+    Governance: "Chair",
   },
 };
 

src/views/CommitteeAppointment/size375/index.vue

@@ -84,7 +84,7 @@ const committeeRoles = {
   "Hu Bin": {
     Audit: "Member",
     Compensation: "Member",
-    Governance: "Chair",
+    Governance: "Member",
   },
   "David Natan": {
     Audit: "Chair",
@@ -94,7 +94,7 @@ const committeeRoles = {
   "Chan Oi Fat": {
     Audit: "Member",
     Compensation: "Chair",
-    Governance: "Member",
+    Governance: "Chair",
   },
 };
 

src/views/CommitteeAppointment/size768/index.vue

@@ -84,7 +84,7 @@ const committeeRoles = {
   "Hu Bin": {
     Audit: "Member",
     Compensation: "Member",
-    Governance: "Chair",
+    Governance: "Member",
   },
   "David Natan": {
     Audit: "Chair",
@@ -94,7 +94,7 @@ const committeeRoles = {
   "Chan Oi Fat": {
     Audit: "Member",
     Compensation: "Chair",
-    Governance: "Member",
+    Governance: "Chair",
   },
 };
 

src/views/boarddirectors/size1440/index.vue

@@ -39,17 +39,17 @@ const otherDirectors = [
       "Previously served as the treasury director of Taifeng Cultural Communication Co., Ltd where she oversees its financial matters from November 2018 to November 2024. Prior to that, Ms. Cao served as a business manager of Yangfeng Art Exchange Co., Ltd from February 2016 to October 2018. From March 2011 to January 2016, she served as the treasury officer of financial department of Suzhou Industrial Park Xinfushida Plastic Profile Products Co., Ltd.",
   },
   {
-    name: "David Lazar",
+    name: "David E. Lazar",
     title: "Director",
     contain:
-      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
+      "Served as the Chief Executive Officer of OpGen, Inc., a precision medicine company listed on the Nasdaq (OPGN) since April 11, 2024, where he also servs as a director and board chairman, beginning on March 25, 2024. Mr. Lazar served as the Chief Executive Officer of Titan Pharmaceuticals Inc. listed on the Nasdaq (TTNP) from August 2022 through April 11, 2024, where he also served as a director and board chairman from August 2022 until October 2023. He has also served as the CEO of Custodian Ventures LLC, a company which specializes in assisting distressed public companies through custodianship, since February 2018, and Activist Investing LLC, an actively managed private investment fund, since March 2018. Previously, Mr. Lazar served as Managing Partner at Zenith Partners International Inc., a boutique consulting firm, from July 2012 to April 2018. In his role as Chief Executive Officer of Custodian Ventures LLC, Mr. Lazar has successfully served as a custodian to numerous public companies across a wide range of industries.",
   },
 
   {
     name: "David Natan",
     title: "Director",
     contain:
-      "David Natan,age 72, currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financialofficer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company fromNovember 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc.(OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served asExecutive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and,from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysisinstruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP,a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc.(Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for thefollowing public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrandsCorp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
+      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
   },
   {
     name: "Chan Oi Fat",

src/views/boarddirectors/size1920/index.vue

@@ -35,17 +35,17 @@ const otherDirectors = [
       "Previously served as the treasury director of Taifeng Cultural Communication Co., Ltd where she oversees its financial matters from November 2018 to November 2024. Prior to that, Ms. Cao served as a business manager of Yangfeng Art Exchange Co., Ltd from February 2016 to October 2018. From March 2011 to January 2016, she served as the treasury officer of financial department of Suzhou Industrial Park Xinfushida Plastic Profile Products Co., Ltd.",
   },
   {
-    name: "David Lazar",
+    name: "David E. Lazar",
     title: "Director",
     contain:
-      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
+      "Served as the Chief Executive Officer of OpGen, Inc., a precision medicine company listed on the Nasdaq (OPGN) since April 11, 2024, where he also servs as a director and board chairman, beginning on March 25, 2024. Mr. Lazar served as the Chief Executive Officer of Titan Pharmaceuticals Inc. listed on the Nasdaq (TTNP) from August 2022 through April 11, 2024, where he also served as a director and board chairman from August 2022 until October 2023. He has also served as the CEO of Custodian Ventures LLC, a company which specializes in assisting distressed public companies through custodianship, since February 2018, and Activist Investing LLC, an actively managed private investment fund, since March 2018. Previously, Mr. Lazar served as Managing Partner at Zenith Partners International Inc., a boutique consulting firm, from July 2012 to April 2018. In his role as Chief Executive Officer of Custodian Ventures LLC, Mr. Lazar has successfully served as a custodian to numerous public companies across a wide range of industries.",
   },
 
   {
     name: "David Natan",
     title: "Director",
     contain:
-      "David Natan,age 72, currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financialofficer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company fromNovember 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc.(OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served asExecutive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and,from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysisinstruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP,a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc.(Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for thefollowing public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrandsCorp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
+      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
   },
   {
     name: "Chan Oi Fat",

src/views/boarddirectors/size375/index.vue

@@ -35,17 +35,17 @@ const otherDirectors = [
       "Previously served as the treasury director of Taifeng Cultural Communication Co., Ltd where she oversees its financial matters from November 2018 to November 2024. Prior to that, Ms. Cao served as a business manager of Yangfeng Art Exchange Co., Ltd from February 2016 to October 2018. From March 2011 to January 2016, she served as the treasury officer of financial department of Suzhou Industrial Park Xinfushida Plastic Profile Products Co., Ltd.",
   },
   {
-    name: "David Lazar",
+    name: "David E. Lazar",
     title: "Director",
     contain:
-      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
+      "Served as the Chief Executive Officer of OpGen, Inc., a precision medicine company listed on the Nasdaq (OPGN) since April 11, 2024, where he also servs as a director and board chairman, beginning on March 25, 2024. Mr. Lazar served as the Chief Executive Officer of Titan Pharmaceuticals Inc. listed on the Nasdaq (TTNP) from August 2022 through April 11, 2024, where he also served as a director and board chairman from August 2022 until October 2023. He has also served as the CEO of Custodian Ventures LLC, a company which specializes in assisting distressed public companies through custodianship, since February 2018, and Activist Investing LLC, an actively managed private investment fund, since March 2018. Previously, Mr. Lazar served as Managing Partner at Zenith Partners International Inc., a boutique consulting firm, from July 2012 to April 2018. In his role as Chief Executive Officer of Custodian Ventures LLC, Mr. Lazar has successfully served as a custodian to numerous public companies across a wide range of industries.",
   },
 
   {
     name: "David Natan",
     title: "Director",
     contain:
-      "David Natan,age 72, currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financialofficer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company fromNovember 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc.(OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served asExecutive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and,from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysisinstruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP,a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc.(Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for thefollowing public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrandsCorp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
+      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
   },
   {
     name: "Chan Oi Fat",

src/views/boarddirectors/size768/index.vue

@@ -39,17 +39,17 @@ const otherDirectors = [
       "Previously served as the treasury director of Taifeng Cultural Communication Co., Ltd where she oversees its financial matters from November 2018 to November 2024. Prior to that, Ms. Cao served as a business manager of Yangfeng Art Exchange Co., Ltd from February 2016 to October 2018. From March 2011 to January 2016, she served as the treasury officer of financial department of Suzhou Industrial Park Xinfushida Plastic Profile Products Co., Ltd.",
   },
   {
-    name: "David Lazar",
+    name: "David E. Lazar",
     title: "Director",
     contain:
-      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
+      "Served as the Chief Executive Officer of OpGen, Inc., a precision medicine company listed on the Nasdaq (OPGN) since April 11, 2024, where he also servs as a director and board chairman, beginning on March 25, 2024. Mr. Lazar served as the Chief Executive Officer of Titan Pharmaceuticals Inc. listed on the Nasdaq (TTNP) from August 2022 through April 11, 2024, where he also served as a director and board chairman from August 2022 until October 2023. He has also served as the CEO of Custodian Ventures LLC, a company which specializes in assisting distressed public companies through custodianship, since February 2018, and Activist Investing LLC, an actively managed private investment fund, since March 2018. Previously, Mr. Lazar served as Managing Partner at Zenith Partners International Inc., a boutique consulting firm, from July 2012 to April 2018. In his role as Chief Executive Officer of Custodian Ventures LLC, Mr. Lazar has successfully served as a custodian to numerous public companies across a wide range of industries.",
   },
 
   {
     name: "David Natan",
     title: "Director",
     contain:
-      "David Natan,age 72, currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financialofficer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company fromNovember 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc.(OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served asExecutive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and,from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysisinstruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP,a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc.(Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for thefollowing public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrandsCorp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
+      "Currently serves as President and Chief Executive Officer of Natan & Associates, LLC, a consulting firm offering chief financial officer services to public and private companies in a variety of industries, since 2007. Mr. Natan previously served as a Director of the Company from November 2023 to February 2025. From February 2010 to May 2020, Mr. Natan served as Chief Executive Officer of ForceField Energy, Inc. (OTCMKTS: FNRG), a company focused on the solar industry and LED lighting products. From February 2002 to November 2007, Mr. Natan served as Executive Vice President of Reporting and Chief Financial Officer of PharmaNet Development Group, Inc., a drug development services company, and, from June 1995 to February 2002, as Chief Financial Officer and Vice President of Global Technovations, Inc., a manufacturer and marketer of oil analysis instruments and speakers and speaker components. Prior to that, Mr. Natan served in various roles of increasing responsibility with Deloitte & Touche LLP, a global consulting firm. Mr. Natan currently serves as a member of the Board of Directors and Chair of the Audit Committee of Sunshine Biopharma, Inc. (Nasdaq: SBFM), a pharmaceutical and nutritional supplement company, since February 2022. Previously, Mr. Natan has served as a director for the following public companies: Global Technovations, Forcefield Energy, Titan Pharmaceuticals (Nasdaq: TTNP), Vivakor Inc. (Nasdaq: VIVK), NetBrands Corp. (OTC: NBND), and OpGen Inc. (OTC: OPGN), and Cyclacel Pharmaceuticals (Nasdaq: CYCC). Mr. Natan holds a B.A. in Economics from Boston University.",
   },
   {
     name: "Chan Oi Fat",

src/views/companyoverview/size1440/index.vue

@@ -25,10 +25,7 @@
         </h1>
         <div class="mission-cards">
           <n-card hoverable class="mission-card" v-motion-pop>
-            <n-p style="font-size: 18px" class="card-content">{{
+            
-              $t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
-            }}</n-p>
-            <br />
 
             <n-p style="font-size: 18px" class="card-content">{{
               $t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO")

src/views/companyoverview/size1920/index.vue

@@ -25,11 +25,6 @@
         </h1>
         <div class="mission-cards">
           <n-card hoverable class="mission-card" v-motion-pop>
-            <n-p style="font-size: 18px" class="card-content">{{
-              $t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
-            }}</n-p>
-            <br />
-
             <n-p style="font-size: 18px" class="card-content">{{
               $t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO")
             }}</n-p>

src/views/companyoverview/size375/index.vue

@@ -26,10 +26,6 @@
               {{ $t("COMPANYOVERVIEW.TITLETHREE.TITLE") }}
             </h1>
             <br />
-            <n-p style="font-size: 18px" class="card-content">{{
-              $t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
-            }}</n-p>
-            <br />
 
             <n-p style="font-size: 18px" class="card-content">{{
               $t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO")

src/views/companyoverview/size768/index.vue

@@ -25,11 +25,6 @@
         </h1>
         <div class="mission-cards">
           <n-card hoverable class="mission-card" v-motion-pop>
-            <n-p style="font-size: 18px" class="card-content">{{
-              $t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
-            }}</n-p>
-            <br />
-
             <n-p style="font-size: 18px" class="card-content">{{
               $t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO")
             }}</n-p>

src/views/events-calendar/size1920/index.vue

@@ -40,7 +40,7 @@ const state = reactive({
 
 const handleSearch = () => {
   // 搜索处理逻辑
-  console.log('搜索:', state.selectedDateValue)
+  // console.log('搜索:', state.selectedDateValue)
 }
 </script>
 

src/views/events-calendar/size375/index.vue

@@ -40,7 +40,7 @@ const state = reactive({
 
 const handleSearch = () => {
   // 搜索处理逻辑
-  console.log('搜索:', state.selectedDateValue)
+  // console.log('搜索:', state.selectedDateValue)
 }
 </script>
 

src/views/financialinformation/quarterlyreports/size1440/index.vue

@@ -343,7 +343,7 @@ const filteredList = computed(() => {
 
 const handleSearch = () => {
   // 搜索处理逻辑
-  console.log("搜索:", searchQuery.value);
+  // console.log("搜索:", searchQuery.value);
 };
 const downloadPdf = async (pdfResource, filename = "") => {
   try {
@@ -367,7 +367,7 @@ const downloadPdf = async (pdfResource, filename = "") => {
     // 释放Blob URL
     URL.revokeObjectURL(blobUrl);
   } catch (error) {
-    console.error("下载PDF文件失败:", error);
+    // console.error("下载PDF文件失败:", error);
   }
 };
 </script>

src/views/financialinformation/quarterlyreports/size1920/index.vue

@@ -342,7 +342,7 @@ const filteredList = computed(() => {
 
 const handleSearch = () => {
   // 搜索处理逻辑
-  console.log("搜索:", searchQuery.value);
+  // console.log("搜索:", searchQuery.value);
 };
 
 const downloadPdf = async (pdfResource, filename = "") => {
@@ -367,7 +367,7 @@ const downloadPdf = async (pdfResource, filename = "") => {
     // 释放Blob URL
     URL.revokeObjectURL(blobUrl);
   } catch (error) {
-    console.error("下载PDF文件失败:", error);
+    // console.error("下载PDF文件失败:", error);
   }
 };
 </script>

src/views/financialinformation/quarterlyreports/size375/index.vue

@@ -342,7 +342,7 @@ const filteredList = computed(() => {
 
 const handleSearch = () => {
   // 搜索处理逻辑
-  console.log("搜索:", searchQuery.value);
+  // console.log("搜索:", searchQuery.value);
 };
 
 const downloadPdf = (url) => {
@@ -384,7 +384,7 @@ const downloadPdf = (url) => {
         }, 100);
       })
       .catch((error) => {
-        console.error("下载文件时出错:", error);
+        // console.error("下载文件时出错:", error);
         // 如果fetch失败，尝试直接下载
         link.href = url;
         link.download = fileName;

src/views/financialinformation/quarterlyreports/size768/index.vue

@@ -342,7 +342,7 @@ const filteredList = computed(() => {
 
 const handleSearch = () => {
   // 搜索处理逻辑
-  console.log("搜索:", searchQuery.value);
+  // console.log("搜索:", searchQuery.value);
 };
 
 const downloadPdf = (url) => {
@@ -384,7 +384,7 @@ const downloadPdf = (url) => {
         }, 100);
       })
       .catch((error) => {
-        console.error("下载文件时出错:", error);
+        // console.error("下载文件时出错:", error);
         // 如果fetch失败，尝试直接下载
         link.href = url;
         link.download = fileName;

src/views/financialinformation/secfilingsdetail/size1440/index.vue

@@ -103,7 +103,7 @@ onMounted(() => {
       issuer: "FiEE, Inc. ",
     };
   }
-  console.log(filingData.value);
+  // console.log(filingData.value);
 });
 </script>
 

src/views/financialinformation/secfilingsdetail/size375/index.vue

@@ -103,7 +103,7 @@ onMounted(() => {
       issuer: "FiEE, Inc. ",
     };
   }
-  console.log(filingData.value);
+  // console.log(filingData.value);
 });
 </script>
 

src/views/financialinformation/secfilingsdetail/size768/index.vue

@@ -103,7 +103,7 @@ onMounted(() => {
       issuer: "FiEE, Inc. ",
     };
   }
-  console.log(filingData.value);
+  // console.log(filingData.value);
 });
 </script>
 

src/views/footerLinks/privacyPolicy/index.vue

@@ -3,8 +3,8 @@ import { computed } from 'vue'
 import { useWindowSize } from '@vueuse/core'
 
 import size375 from '@/views/footerLinks/privacyPolicy/size375/index.vue'
-import size768 from '@/views/footerLinks/privacyPolicy/size375/index.vue'
+import size768 from '@/views/footerLinks/privacyPolicy/size768/index.vue'
-import size1440 from '@/views/footerLinks/privacyPolicy/size1920/index.vue'
+import size1440 from '@/views/footerLinks/privacyPolicy/size1440/index.vue'
 import size1920 from '@/views/footerLinks/privacyPolicy/size1920/index.vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'

src/views/footerLinks/privacyPolicy/size1440/index.vue

@@ -0,0 +1,252 @@
+<script setup>
+import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
+import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
+</script>
+
+<template>
+  <div class="privacy-policy">
+    <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h1 class="section-titles">Privacy Policy</h1>
+      <div class="content-block">
+        <p>
+          <strong>
+            We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
+            maintaining the privacy and security of visitors to our website. Through
+            this privacy policy, FiEE wants to assure you of our commitment to
+            privacy and security.
+          </strong>
+        </p>
+        <p>
+          Our privacy philosophy is based on the concept of fair information
+          practices. This means we provide visitors to our website with notice of
+          how we manage information so that they can have a more informed
+          understanding of how we operate.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Notice</h3>
+      <div class="content-block">
+        <p>
+          If we collect information about you, we will tell you what information is
+          being collected, how, by whom and for what purposes.
+        </p>
+        <p>
+          Through this statement and our web pages, we let you know what types of
+          information we collect from and about you, the types and intended uses of
+          such information, and the types of third parties to whom the information
+          may be disclosed. If we collect information from you, we clearly identify
+          the information that is necessary to fulfill your request and the optional
+          information that is used to deliver tailored information to you.
+        </p>
+        <p>
+          When you visit our site, we may collect information about your use of our
+          site through "cookies". Cookies are small bits of information transferred
+          to your computer's hard drive that allow us to know how often someone
+          visits our site and the activities they conduct while on the site. The
+          information collected by cookies allows us to monitor how our customers
+          are using our web site. If you simply want to browse, you do not have to
+          accept cookies from us. However, if you wish to take advantage of specific
+          services offered online, we may require you to accept cookies placed by a
+          third party supporting this activity on our behalf. We also capture the
+          paths taken as you move from page to page (i.e., your "click stream"
+          activity).
+        </p>
+        <p>
+          Information we collect on fiee.com may be used to enhance your use of this
+          web site in ways like these:
+        </p>
+        <ul>
+          <li>Arrange the web site in the most user-friendly way</li>
+          <li>Customize your browsing experience of this web site</li>
+          <li>Respond to your questions or suggestions</li>
+          <li>
+            Disclosure of personal information for legal purposes and protection of
+            fiee.com and others:
+          </li>
+        </ul>
+        <p>
+          We reserve the right to share your personal information with third parties
+          if required to do so by law or if we believe such action is necessary in
+          order to: (a) conform with the requirements of the law or to comply with
+          legal process served upon us; (b) protect or defend our legal rights or
+          property, fiee.com, or our users; or (c) investigate, prevent, or take
+          action regarding illegal activities, suspected fraud, situations involving
+          potential threats to the physical safety of any person, or violations of
+          the terms and conditions of using fiee.com.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Linking to Other Sites</h3>
+      <div class="content-block">
+        <p>
+          Please remember that when you use a link to go from fiee.com to another
+          web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
+          no longer in effect. Your browsing and interaction on any other web site,
+          including any site that has a link on fiee.com, is subject to the rules
+          and policies of that site. We encourage you to read the rules and policies
+          of the sites you visit to further understand their procedures for
+          collecting, using, and disclosing personal information.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Choice</h3>
+      <div class="content-block">
+        <p>
+          We will give you options about how the personal information that you
+          provide us may be used.
+        </p>
+        <p>
+          Before we use your personal information for any purpose, we will give you
+          choices about whether or not to allow us to engage in that use. We will
+          give you the opportunity to keep us from using or sharing the personal
+          information that you have provided to us for purposes other than to
+          fulfill your request. To exercise this choice, we will allow you to notify
+          us of your preferences during the information collection process.
+        </p>
+        <p>
+          If there are third parties that process FiEE data, we will require them to
+          hold all personally-identifiable information confidential, and to use our
+          customer information only for the purpose of fulfilling their business
+          obligation. We do not sell personally identifiable information to third
+          party marketers.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Security</h3>
+      <div class="content-block">
+        <p>
+          We use recognized industry safeguards to protect personally identifiable
+          information from unauthorized access or use.
+        </p>
+        <p>
+          We will employ industry recognized security safeguards to protect the
+          personally identifiable information that you have provided to us from
+          loss, misuse and unauthorized alteration. If you are required to transmit
+          sensitive information (such as social security and/or credit information)
+          to us through our Web site, we will provide you access to our secure
+          server that allows encryption of your data as it is transmitted to us.
+        </p>
+        <p>
+          We will protect personally identifiable information stored on the site's
+          servers from unauthorized access using commercially available computer
+          security products (e.g., firewalls), as well as carefully developed
+          security procedures and practices.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Access</h3>
+      <div class="content-block">
+        <p>
+          We will let you update your personal information that you have provided to
+          us. We will also take steps to make sure that any updates that you provide
+          are processed in a timely and complete manner.
+        </p>
+        <p>
+          If we collect personal information through our sites, we will maintain the
+          information and allow you to update it at any time. We will continue to
+          work on better methods of accessing your information to increase your
+          access to it for update purposes. Note that our site may contain links to
+          other sites that are beyond our control, and that you may want to read
+          that sites' privacy policy before entering information.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Customer Service &amp; Recourse</h3>
+      <div class="content-block">
+        <p>
+          We will tell you how you can contact us regarding our privacy statement
+          and practices.
+        </p>
+        <p>
+          If you have any questions about this privacy statement, our information
+          handling practices, or any other aspects of your privacy and the security
+          of information, please send an e-mail to fiee@dlkadvisory.com.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Updates</h3>
+      <div class="content-block">
+        <p>
+          FiEE may periodically update this policy to describe how new Web features
+          may affect our use of your information and to let you know of new controls
+          and features that we may provide you. FiEE will NOT apply changes to this
+          policy retroactively to information FiEE has previously collected.
+        </p>
+      </div>
+    </section>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.privacy-policy {
+  background-image: url("@/assets/image/bg-mobile.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2.5rem;
+  margin-bottom: 30px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.5rem;
+  margin-bottom: 30px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1.1rem;
+  line-height: 1.8;
+}
+
+.content-block p {
+  margin-bottom: 16px;
+}
+
+.content-block ul {
+  list-style: disc;
+  padding-left: 20px;
+  font-size: 1.1rem;
+  margin-bottom: 16px;
+}
+
+.content-block li {
+  margin-bottom: 10px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 2rem;
+  }
+
+  .section-title {
+    font-size: 1.3rem;
+  }
+
+  .content-block {
+    font-size: 1rem;
+  }
+}
+</style>

src/views/footerLinks/privacyPolicy/size1920/index.vue

@@ -4,11 +4,249 @@ import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
 </script>
 
 <template>
-  <header className="header">
+  <div class="privacy-policy">
-    1920 privacyPolicy
+    <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
-  </header>
+      <h1 class="section-titles">Privacy Policy</h1>
-  <main ref="main"></main>
+      <div class="content-block">
+        <p>
+          <strong>
+            We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
+            maintaining the privacy and security of visitors to our website. Through
+            this privacy policy, FiEE wants to assure you of our commitment to
+            privacy and security.
+          </strong>
+        </p>
+        <p>
+          Our privacy philosophy is based on the concept of fair information
+          practices. This means we provide visitors to our website with notice of
+          how we manage information so that they can have a more informed
+          understanding of how we operate.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Notice</h3>
+      <div class="content-block">
+        <p>
+          If we collect information about you, we will tell you what information is
+          being collected, how, by whom and for what purposes.
+        </p>
+        <p>
+          Through this statement and our web pages, we let you know what types of
+          information we collect from and about you, the types and intended uses of
+          such information, and the types of third parties to whom the information
+          may be disclosed. If we collect information from you, we clearly identify
+          the information that is necessary to fulfill your request and the optional
+          information that is used to deliver tailored information to you.
+        </p>
+        <p>
+          When you visit our site, we may collect information about your use of our
+          site through "cookies". Cookies are small bits of information transferred
+          to your computer's hard drive that allow us to know how often someone
+          visits our site and the activities they conduct while on the site. The
+          information collected by cookies allows us to monitor how our customers
+          are using our web site. If you simply want to browse, you do not have to
+          accept cookies from us. However, if you wish to take advantage of specific
+          services offered online, we may require you to accept cookies placed by a
+          third party supporting this activity on our behalf. We also capture the
+          paths taken as you move from page to page (i.e., your "click stream"
+          activity).
+        </p>
+        <p>
+          Information we collect on fiee.com may be used to enhance your use of this
+          web site in ways like these:
+        </p>
+        <ul>
+          <li>Arrange the web site in the most user-friendly way</li>
+          <li>Customize your browsing experience of this web site</li>
+          <li>Respond to your questions or suggestions</li>
+          <li>
+            Disclosure of personal information for legal purposes and protection of
+            fiee.com and others:
+          </li>
+        </ul>
+        <p>
+          We reserve the right to share your personal information with third parties
+          if required to do so by law or if we believe such action is necessary in
+          order to: (a) conform with the requirements of the law or to comply with
+          legal process served upon us; (b) protect or defend our legal rights or
+          property, fiee.com, or our users; or (c) investigate, prevent, or take
+          action regarding illegal activities, suspected fraud, situations involving
+          potential threats to the physical safety of any person, or violations of
+          the terms and conditions of using fiee.com.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Linking to Other Sites</h3>
+      <div class="content-block">
+        <p>
+          Please remember that when you use a link to go from fiee.com to another
+          web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
+          no longer in effect. Your browsing and interaction on any other web site,
+          including any site that has a link on fiee.com, is subject to the rules
+          and policies of that site. We encourage you to read the rules and policies
+          of the sites you visit to further understand their procedures for
+          collecting, using, and disclosing personal information.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Choice</h3>
+      <div class="content-block">
+        <p>
+          We will give you options about how the personal information that you
+          provide us may be used.
+        </p>
+        <p>
+          Before we use your personal information for any purpose, we will give you
+          choices about whether or not to allow us to engage in that use. We will
+          give you the opportunity to keep us from using or sharing the personal
+          information that you have provided to us for purposes other than to
+          fulfill your request. To exercise this choice, we will allow you to notify
+          us of your preferences during the information collection process.
+        </p>
+        <p>
+          If there are third parties that process FiEE data, we will require them to
+          hold all personally-identifiable information confidential, and to use our
+          customer information only for the purpose of fulfilling their business
+          obligation. We do not sell personally identifiable information to third
+          party marketers.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Security</h3>
+      <div class="content-block">
+        <p>
+          We use recognized industry safeguards to protect personally identifiable
+          information from unauthorized access or use.
+        </p>
+        <p>
+          We will employ industry recognized security safeguards to protect the
+          personally identifiable information that you have provided to us from
+          loss, misuse and unauthorized alteration. If you are required to transmit
+          sensitive information (such as social security and/or credit information)
+          to us through our Web site, we will provide you access to our secure
+          server that allows encryption of your data as it is transmitted to us.
+        </p>
+        <p>
+          We will protect personally identifiable information stored on the site's
+          servers from unauthorized access using commercially available computer
+          security products (e.g., firewalls), as well as carefully developed
+          security procedures and practices.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Access</h3>
+      <div class="content-block">
+        <p>
+          We will let you update your personal information that you have provided to
+          us. We will also take steps to make sure that any updates that you provide
+          are processed in a timely and complete manner.
+        </p>
+        <p>
+          If we collect personal information through our sites, we will maintain the
+          information and allow you to update it at any time. We will continue to
+          work on better methods of accessing your information to increase your
+          access to it for update purposes. Note that our site may contain links to
+          other sites that are beyond our control, and that you may want to read
+          that sites' privacy policy before entering information.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Customer Service &amp; Recourse</h3>
+      <div class="content-block">
+        <p>
+          We will tell you how you can contact us regarding our privacy statement
+          and practices.
+        </p>
+        <p>
+          If you have any questions about this privacy statement, our information
+          handling practices, or any other aspects of your privacy and the security
+          of information, please send an e-mail to fiee@dlkadvisory.com.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Updates</h3>
+      <div class="content-block">
+        <p>
+          FiEE may periodically update this policy to describe how new Web features
+          may affect our use of your information and to let you know of new controls
+          and features that we may provide you. FiEE will NOT apply changes to this
+          policy retroactively to information FiEE has previously collected.
+        </p>
+      </div>
+    </section>
+  </div>
 </template>
 
 <style scoped lang="scss">
+.privacy-policy {
+  background-image: url("@/assets/image/bg.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2.5rem;
+  margin-bottom: 30px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.5rem;
+  margin-bottom: 30px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1.1rem;
+  line-height: 1.8;
+}
+
+.content-block p {
+  margin-bottom: 16px;
+}
+
+.content-block ul {
+  list-style: disc;
+  padding-left: 20px;
+  font-size: 1.1rem;
+  margin-bottom: 16px;
+}
+
+.content-block li {
+  margin-bottom: 10px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 2rem;
+  }
+
+  .section-title {
+    font-size: 1.3rem;
+  }
+
+  .content-block {
+    font-size: 1rem;
+  }
+}
 </style>

src/views/footerLinks/privacyPolicy/size375/index.vue

@@ -4,11 +4,249 @@ import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
 </script>
 
 <template>
-  <header className="header">
+  <div class="privacy-policy">
-    375 privacyPolicy
+    <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
-  </header>
+      <h1 class="section-titles">Privacy Policy</h1>
-  <main ref="main"></main>
+      <div class="content-block">
+        <p>
+          <strong>
+            We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
+            maintaining the privacy and security of visitors to our website. Through
+            this privacy policy, FiEE wants to assure you of our commitment to
+            privacy and security.
+          </strong>
+        </p>
+        <p>
+          Our privacy philosophy is based on the concept of fair information
+          practices. This means we provide visitors to our website with notice of
+          how we manage information so that they can have a more informed
+          understanding of how we operate.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Notice</h3>
+      <div class="content-block">
+        <p>
+          If we collect information about you, we will tell you what information is
+          being collected, how, by whom and for what purposes.
+        </p>
+        <p>
+          Through this statement and our web pages, we let you know what types of
+          information we collect from and about you, the types and intended uses of
+          such information, and the types of third parties to whom the information
+          may be disclosed. If we collect information from you, we clearly identify
+          the information that is necessary to fulfill your request and the optional
+          information that is used to deliver tailored information to you.
+        </p>
+        <p>
+          When you visit our site, we may collect information about your use of our
+          site through "cookies". Cookies are small bits of information transferred
+          to your computer's hard drive that allow us to know how often someone
+          visits our site and the activities they conduct while on the site. The
+          information collected by cookies allows us to monitor how our customers
+          are using our web site. If you simply want to browse, you do not have to
+          accept cookies from us. However, if you wish to take advantage of specific
+          services offered online, we may require you to accept cookies placed by a
+          third party supporting this activity on our behalf. We also capture the
+          paths taken as you move from page to page (i.e., your "click stream"
+          activity).
+        </p>
+        <p>
+          Information we collect on fiee.com may be used to enhance your use of this
+          web site in ways like these:
+        </p>
+        <ul>
+          <li>Arrange the web site in the most user-friendly way</li>
+          <li>Customize your browsing experience of this web site</li>
+          <li>Respond to your questions or suggestions</li>
+          <li>
+            Disclosure of personal information for legal purposes and protection of
+            fiee.com and others:
+          </li>
+        </ul>
+        <p>
+          We reserve the right to share your personal information with third parties
+          if required to do so by law or if we believe such action is necessary in
+          order to: (a) conform with the requirements of the law or to comply with
+          legal process served upon us; (b) protect or defend our legal rights or
+          property, fiee.com, or our users; or (c) investigate, prevent, or take
+          action regarding illegal activities, suspected fraud, situations involving
+          potential threats to the physical safety of any person, or violations of
+          the terms and conditions of using fiee.com.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Linking to Other Sites</h3>
+      <div class="content-block">
+        <p>
+          Please remember that when you use a link to go from fiee.com to another
+          web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
+          no longer in effect. Your browsing and interaction on any other web site,
+          including any site that has a link on fiee.com, is subject to the rules
+          and policies of that site. We encourage you to read the rules and policies
+          of the sites you visit to further understand their procedures for
+          collecting, using, and disclosing personal information.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Choice</h3>
+      <div class="content-block">
+        <p>
+          We will give you options about how the personal information that you
+          provide us may be used.
+        </p>
+        <p>
+          Before we use your personal information for any purpose, we will give you
+          choices about whether or not to allow us to engage in that use. We will
+          give you the opportunity to keep us from using or sharing the personal
+          information that you have provided to us for purposes other than to
+          fulfill your request. To exercise this choice, we will allow you to notify
+          us of your preferences during the information collection process.
+        </p>
+        <p>
+          If there are third parties that process FiEE data, we will require them to
+          hold all personally-identifiable information confidential, and to use our
+          customer information only for the purpose of fulfilling their business
+          obligation. We do not sell personally identifiable information to third
+          party marketers.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Security</h3>
+      <div class="content-block">
+        <p>
+          We use recognized industry safeguards to protect personally identifiable
+          information from unauthorized access or use.
+        </p>
+        <p>
+          We will employ industry recognized security safeguards to protect the
+          personally identifiable information that you have provided to us from
+          loss, misuse and unauthorized alteration. If you are required to transmit
+          sensitive information (such as social security and/or credit information)
+          to us through our Web site, we will provide you access to our secure
+          server that allows encryption of your data as it is transmitted to us.
+        </p>
+        <p>
+          We will protect personally identifiable information stored on the site's
+          servers from unauthorized access using commercially available computer
+          security products (e.g., firewalls), as well as carefully developed
+          security procedures and practices.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Access</h3>
+      <div class="content-block">
+        <p>
+          We will let you update your personal information that you have provided to
+          us. We will also take steps to make sure that any updates that you provide
+          are processed in a timely and complete manner.
+        </p>
+        <p>
+          If we collect personal information through our sites, we will maintain the
+          information and allow you to update it at any time. We will continue to
+          work on better methods of accessing your information to increase your
+          access to it for update purposes. Note that our site may contain links to
+          other sites that are beyond our control, and that you may want to read
+          that sites' privacy policy before entering information.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Customer Service &amp; Recourse</h3>
+      <div class="content-block">
+        <p>
+          We will tell you how you can contact us regarding our privacy statement
+          and practices.
+        </p>
+        <p>
+          If you have any questions about this privacy statement, our information
+          handling practices, or any other aspects of your privacy and the security
+          of information, please send an e-mail to fiee@dlkadvisory.com.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Updates</h3>
+      <div class="content-block">
+        <p>
+          FiEE may periodically update this policy to describe how new Web features
+          may affect our use of your information and to let you know of new controls
+          and features that we may provide you. FiEE will NOT apply changes to this
+          policy retroactively to information FiEE has previously collected.
+        </p>
+      </div>
+    </section>
+  </div>
 </template>
 
 <style scoped lang="scss">
+.privacy-policy {
+  background-image: url("@/assets/image/bg-mobile.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2.5rem;
+  margin-bottom: 30px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.5rem;
+  margin-bottom: 30px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1.1rem;
+  line-height: 1.8;
+}
+
+.content-block p {
+  margin-bottom: 16px;
+}
+
+.content-block ul {
+  list-style: disc;
+  padding-left: 20px;
+  font-size: 1.1rem;
+  margin-bottom: 16px;
+}
+
+.content-block li {
+  margin-bottom: 10px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 2rem;
+  }
+
+  .section-title {
+    font-size: 1.3rem;
+  }
+
+  .content-block {
+    font-size: 1rem;
+  }
+}
 </style>

src/views/footerLinks/privacyPolicy/size768/index.vue

@@ -0,0 +1,252 @@
+<script setup>
+import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
+import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
+</script>
+
+<template>
+  <div class="privacy-policy">
+    <section class="privacy-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h1 class="section-titles">Privacy Policy</h1>
+      <div class="content-block">
+        <p>
+          <strong>
+            We at FiEE, Inc. and its subsidiaries ("FiEE") are committed to
+            maintaining the privacy and security of visitors to our website. Through
+            this privacy policy, FiEE wants to assure you of our commitment to
+            privacy and security.
+          </strong>
+        </p>
+        <p>
+          Our privacy philosophy is based on the concept of fair information
+          practices. This means we provide visitors to our website with notice of
+          how we manage information so that they can have a more informed
+          understanding of how we operate.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-notice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Notice</h3>
+      <div class="content-block">
+        <p>
+          If we collect information about you, we will tell you what information is
+          being collected, how, by whom and for what purposes.
+        </p>
+        <p>
+          Through this statement and our web pages, we let you know what types of
+          information we collect from and about you, the types and intended uses of
+          such information, and the types of third parties to whom the information
+          may be disclosed. If we collect information from you, we clearly identify
+          the information that is necessary to fulfill your request and the optional
+          information that is used to deliver tailored information to you.
+        </p>
+        <p>
+          When you visit our site, we may collect information about your use of our
+          site through "cookies". Cookies are small bits of information transferred
+          to your computer's hard drive that allow us to know how often someone
+          visits our site and the activities they conduct while on the site. The
+          information collected by cookies allows us to monitor how our customers
+          are using our web site. If you simply want to browse, you do not have to
+          accept cookies from us. However, if you wish to take advantage of specific
+          services offered online, we may require you to accept cookies placed by a
+          third party supporting this activity on our behalf. We also capture the
+          paths taken as you move from page to page (i.e., your "click stream"
+          activity).
+        </p>
+        <p>
+          Information we collect on fiee.com may be used to enhance your use of this
+          web site in ways like these:
+        </p>
+        <ul>
+          <li>Arrange the web site in the most user-friendly way</li>
+          <li>Customize your browsing experience of this web site</li>
+          <li>Respond to your questions or suggestions</li>
+          <li>
+            Disclosure of personal information for legal purposes and protection of
+            fiee.com and others:
+          </li>
+        </ul>
+        <p>
+          We reserve the right to share your personal information with third parties
+          if required to do so by law or if we believe such action is necessary in
+          order to: (a) conform with the requirements of the law or to comply with
+          legal process served upon us; (b) protect or defend our legal rights or
+          property, fiee.com, or our users; or (c) investigate, prevent, or take
+          action regarding illegal activities, suspected fraud, situations involving
+          potential threats to the physical safety of any person, or violations of
+          the terms and conditions of using fiee.com.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Linking to Other Sites</h3>
+      <div class="content-block">
+        <p>
+          Please remember that when you use a link to go from fiee.com to another
+          web site, the fiee.com Terms &amp; Conditions and this Privacy Policy are
+          no longer in effect. Your browsing and interaction on any other web site,
+          including any site that has a link on fiee.com, is subject to the rules
+          and policies of that site. We encourage you to read the rules and policies
+          of the sites you visit to further understand their procedures for
+          collecting, using, and disclosing personal information.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-choice" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Choice</h3>
+      <div class="content-block">
+        <p>
+          We will give you options about how the personal information that you
+          provide us may be used.
+        </p>
+        <p>
+          Before we use your personal information for any purpose, we will give you
+          choices about whether or not to allow us to engage in that use. We will
+          give you the opportunity to keep us from using or sharing the personal
+          information that you have provided to us for purposes other than to
+          fulfill your request. To exercise this choice, we will allow you to notify
+          us of your preferences during the information collection process.
+        </p>
+        <p>
+          If there are third parties that process FiEE data, we will require them to
+          hold all personally-identifiable information confidential, and to use our
+          customer information only for the purpose of fulfilling their business
+          obligation. We do not sell personally identifiable information to third
+          party marketers.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-security" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Security</h3>
+      <div class="content-block">
+        <p>
+          We use recognized industry safeguards to protect personally identifiable
+          information from unauthorized access or use.
+        </p>
+        <p>
+          We will employ industry recognized security safeguards to protect the
+          personally identifiable information that you have provided to us from
+          loss, misuse and unauthorized alteration. If you are required to transmit
+          sensitive information (such as social security and/or credit information)
+          to us through our Web site, we will provide you access to our secure
+          server that allows encryption of your data as it is transmitted to us.
+        </p>
+        <p>
+          We will protect personally identifiable information stored on the site's
+          servers from unauthorized access using commercially available computer
+          security products (e.g., firewalls), as well as carefully developed
+          security procedures and practices.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-access" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Access</h3>
+      <div class="content-block">
+        <p>
+          We will let you update your personal information that you have provided to
+          us. We will also take steps to make sure that any updates that you provide
+          are processed in a timely and complete manner.
+        </p>
+        <p>
+          If we collect personal information through our sites, we will maintain the
+          information and allow you to update it at any time. We will continue to
+          work on better methods of accessing your information to increase your
+          access to it for update purposes. Note that our site may contain links to
+          other sites that are beyond our control, and that you may want to read
+          that sites' privacy policy before entering information.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-contact" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Customer Service &amp; Recourse</h3>
+      <div class="content-block">
+        <p>
+          We will tell you how you can contact us regarding our privacy statement
+          and practices.
+        </p>
+        <p>
+          If you have any questions about this privacy statement, our information
+          handling practices, or any other aspects of your privacy and the security
+          of information, please send an e-mail to fiee@dlkadvisory.com.
+        </p>
+      </div>
+    </section>
+
+    <section class="privacy-updates" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Updates</h3>
+      <div class="content-block">
+        <p>
+          FiEE may periodically update this policy to describe how new Web features
+          may affect our use of your information and to let you know of new controls
+          and features that we may provide you. FiEE will NOT apply changes to this
+          policy retroactively to information FiEE has previously collected.
+        </p>
+      </div>
+    </section>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.privacy-policy {
+  background-image: url("@/assets/image/bg-mobile.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2.5rem;
+  margin-bottom: 30px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.5rem;
+  margin-bottom: 30px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1.1rem;
+  line-height: 1.8;
+}
+
+.content-block p {
+  margin-bottom: 16px;
+}
+
+.content-block ul {
+  list-style: disc;
+  padding-left: 20px;
+  font-size: 1.1rem;
+  margin-bottom: 16px;
+}
+
+.content-block li {
+  margin-bottom: 10px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 2rem;
+  }
+
+  .section-title {
+    font-size: 1.3rem;
+  }
+
+  .content-block {
+    font-size: 1rem;
+  }
+}
+</style>

src/views/footerLinks/siteMap/index.vue

@@ -3,8 +3,8 @@ import { computed } from 'vue'
 import { useWindowSize } from '@vueuse/core'
 
 import size375 from '@/views/footerLinks/siteMap/size375/index.vue'
-import size768 from '@/views/footerLinks/siteMap/size375/index.vue'
+import size768 from '@/views/footerLinks/siteMap/size768/index.vue'
-import size1440 from '@/views/footerLinks/siteMap/size1920/index.vue'
+import size1440 from '@/views/footerLinks/siteMap/size1440/index.vue'
 import size1920 from '@/views/footerLinks/siteMap/size1920/index.vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'

src/views/footerLinks/siteMap/size1440/index.vue

@@ -0,0 +1,147 @@
+<template>
+    <div class="site-map">
+      <section class="site-map-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+        <h1 class="section-titles">FiEE, Inc. Sitemap</h1>
+        <div class="content-block">
+          <p class="intro-text">
+            Browse the links below for pages that make up the FiEE, Inc. website.
+          </p>
+        </div>
+      </section>
+  
+      <section class="site-map-corporate" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+        <h3 class="section-title">Corporate Information</h3>
+        <div class="content-block">
+          <ul class="link-list">
+            <li @click="router.push('/companyoverview')">Company Overview</li>
+            <li @click="router.push('/businessservices')">Business Introduction</li>
+            <li @click="router.push('/manage')">Management</li>
+            <li @click="router.push('/boarddirectors')">Board of Directors</li>
+            <li @click="router.push('/committeeappointment')">Committee Appointments</li>
+            <li @click="router.push('/govern')">Governance</li>
+          </ul>
+        </div>
+      </section>
+  
+      <section class="site-map-financial" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+        <h3 class="section-title">Financial Information</h3>
+        <div class="content-block">
+          <ul class="link-list">
+            <li @click="router.push('/secfilings')">SEC Filings</li>
+            <li @click="router.push('/annualreports')">Annual Reports</li>
+            <li @click="router.push('/quarterlyreports')">Quarterly Reports</li>
+          </ul>
+        </div>
+      </section>
+  
+      <section class="site-map-stock" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+        <h3 class="section-title">Stock Information</h3>
+        <div class="content-block">
+          <ul class="link-list">
+            <li @click="router.push('/stock-quote')">Stock Quote</li>
+            <li @click="router.push('/historic-stock')">Historic Stock Price</li>
+          </ul>
+        </div>
+      </section>
+  
+      <section class="site-map-news" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+        <h3 class="section-title">News Releases</h3>
+        <div class="content-block">
+          <ul class="link-list">
+            <li @click="router.push('/press-releases')">Press Releases</li>
+            <li @click="router.push('/events-calendar')">Events Calendar</li>
+          </ul>
+        </div>
+      </section>
+  
+      <section class="site-map-investor" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+        <h3 class="section-title">Investor Resources</h3>
+        <div class="content-block">
+          <ul class="link-list">
+            <li @click="router.push('/contacts')">IR Contacts</li>
+            <li @click="router.push('/email-alerts')">Email Alerts</li>
+          </ul>
+        </div>
+      </section>
+    </div>
+  </template>
+  
+  <script setup>
+  import { onMounted, ref, onUnmounted } from "vue";
+  import { useRouter } from "vue-router";
+  const router = useRouter();
+  </script>
+  
+  <style scoped>
+  .site-map {
+    background-image: url("@/assets/image/bg-mobile.png");
+    background-size: 100% 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  
+  .section-titles {
+    font-size: 2.5rem;
+    margin-bottom: 30px;
+    color: black;
+  }
+  
+  .section-title {
+    font-size: 1.5rem;
+    margin-bottom: 30px;
+    color: #895bff;
+  }
+  
+  .content-block {
+    font-size: 1.1rem;
+    line-height: 1.8;
+  }
+  
+  .intro-text {
+    font-size: 1.2rem;
+    margin-bottom: 20px;
+  }
+  
+  .link-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+  
+  .link-list li {
+    margin-bottom: 12px;
+    cursor: pointer;
+    transition: color 0.3s ease;
+    text-decoration: underline;
+    text-decoration-color: rgba(137, 91, 255, 0.5);
+    text-underline-offset: 4px;
+  }
+  
+  .link-list li:hover {
+    color: #895bff;
+    text-decoration-color: #895bff;
+  }
+  
+  /* 响应式设计 */
+  @media (max-width: 768px) {
+    .grid-container {
+      grid-template-columns: 1fr;
+    }
+  
+    .section-titles {
+      font-size: 2rem;
+    }
+  
+    .section-title {
+      font-size: 1.3rem;
+    }
+  
+    .content-block {
+      font-size: 1rem;
+    }
+  
+    .intro-text {
+      font-size: 1.1rem;
+    }
+  }
+  </style>

src/views/footerLinks/siteMap/size1920/index.vue

@@ -1,14 +1,148 @@
 <script setup>
 import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
 import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
+import { useRouter } from "vue-router";
+const router = useRouter();
 </script>
 
 <template>
-  <header className="header">
+  <div class="site-map">
-    1920 siteMap
+    <section class="site-map-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
-  </header>
+      <h1 class="section-titles">FiEE, Inc. Sitemap</h1>
-  <main ref="main"></main>
+      <div class="content-block">
+        <p class="intro-text">
+          Browse the links below for pages that make up the FiEE, Inc. website.
+        </p>
+      </div>
+    </section>
+
+    <section class="site-map-corporate" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Corporate Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/companyoverview')">Company Overview</li>
+          <li @click="router.push('/businessservices')">Business Introduction</li>
+          <li @click="router.push('/manage')">Management</li>
+          <li @click="router.push('/boarddirectors')">Board of Directors</li>
+          <li @click="router.push('/committeeappointment')">Committee Appointments</li>
+          <li @click="router.push('/govern')">Governance</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-financial" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Financial Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/secfilings')">SEC Filings</li>
+          <li @click="router.push('/annualreports')">Annual Reports</li>
+          <li @click="router.push('/quarterlyreports')">Quarterly Reports</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-stock" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Stock Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/stock-quote')">Stock Quote</li>
+          <li @click="router.push('/historic-stock')">Historic Stock Price</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-news" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">News Releases</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/press-releases')">Press Releases</li>
+          <li @click="router.push('/events-calendar')">Events Calendar</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-investor" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Investor Resources</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/contacts')">IR Contacts</li>
+          <li @click="router.push('/email-alerts')">Email Alerts</li>
+        </ul>
+      </div>
+    </section>
+  </div>
 </template>
 
-<style scoped lang="scss">
+<style scoped>
+.site-map {
+  background-image: url("@/assets/image/bg.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2.5rem;
+  margin-bottom: 30px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.5rem;
+  margin-bottom: 30px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1.1rem;
+  line-height: 1.8;
+}
+
+.intro-text {
+  font-size: 1.2rem;
+  margin-bottom: 20px;
+}
+
+.link-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.link-list li {
+  margin-bottom: 12px;
+  cursor: pointer;
+  transition: color 0.3s ease;
+  text-decoration: underline;
+  text-decoration-color: rgba(137, 91, 255, 0.5);
+  text-underline-offset: 4px;
+}
+
+.link-list li:hover {
+  color: #895bff;
+  text-decoration-color: #895bff;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 2rem;
+  }
+
+  .section-title {
+    font-size: 1.3rem;
+  }
+
+  .content-block {
+    font-size: 1rem;
+  }
+
+  .intro-text {
+    font-size: 1.1rem;
+  }
+}
 </style>

src/views/footerLinks/siteMap/size375/index.vue

@@ -1,14 +1,148 @@
 <script setup>
 import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
 import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
+import { useRouter } from "vue-router";
+const router = useRouter();
 </script>
 
 <template>
-  <header className="header">
+  <div class="site-map">
-    375 siteMap
+    <section class="site-map-intro" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
-  </header>
+      <h1 class="section-titles">FiEE, Inc. Sitemap</h1>
-  <main ref="main"></main>
+      <div class="content-block">
+        <p class="intro-text">
+          Browse the links below for pages that make up the FiEE, Inc. website.
+        </p>
+      </div>
+    </section>
+
+    <section class="site-map-corporate" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Corporate Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/companyoverview')">Company Overview</li>
+          <li @click="router.push('/businessservices')">Business Introduction</li>
+          <li @click="router.push('/manage')">Management</li>
+          <li @click="router.push('/boarddirectors')">Board of Directors</li>
+          <li @click="router.push('/committeeappointment')">Committee Appointments</li>
+          <li @click="router.push('/govern')">Governance</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-financial" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Financial Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/secfilings')">SEC Filings</li>
+          <li @click="router.push('/annualreports')">Annual Reports</li>
+          <li @click="router.push('/quarterlyreports')">Quarterly Reports</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-stock" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Stock Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/stock-quote')">Stock Quote</li>
+          <li @click="router.push('/historic-stock')">Historic Stock Price</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-news" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">News Releases</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/press-releases')">Press Releases</li>
+          <li @click="router.push('/events-calendar')">Events Calendar</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-investor" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Investor Resources</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/contacts')">IR Contacts</li>
+          <li @click="router.push('/email-alerts')">Email Alerts</li>
+        </ul>
+      </div>
+    </section>
+  </div>
 </template>
 
-<style scoped lang="scss">
+<style scoped>
+.site-map {
+  background-image: url("@/assets/image/bg-mobile.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 1.8rem;
+  margin-bottom: 15px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.2rem;
+  margin-bottom: 15px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 0.9rem;
+  line-height: 1.5;
+}
+
+.intro-text {
+  font-size: 1rem;
+  margin-bottom: 12px;
+}
+
+.link-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.link-list li {
+  margin-bottom: 8px;
+  cursor: pointer;
+  transition: color 0.3s ease;
+  text-decoration: underline;
+  text-decoration-color: rgba(137, 91, 255, 0.5);
+  text-underline-offset: 4px;
+}
+
+.link-list li:hover {
+  color: #895bff;
+  text-decoration-color: #895bff;
+}
+
+/* 响应式设计 */
+@media (max-width: 375px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 1.6rem;
+  }
+
+  .section-title {
+    font-size: 1.1rem;
+  }
+
+  .content-block {
+    font-size: 0.85rem;
+  }
+
+  .intro-text {
+    font-size: 0.9rem;
+  }
+}
 </style>

src/views/footerLinks/siteMap/size768/index.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="site-map">
+    <section class="site-map-intro" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h1 class="section-titles">FiEE, Inc. Sitemap</h1>
+      <div class="content-block">
+        <p class="intro-text">
+          Browse the links below for pages that make up the FiEE, Inc. website.
+        </p>
+      </div>
+    </section>
+
+    <section class="site-map-corporate" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Corporate Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/companyoverview')">Company Overview</li>
+          <li @click="router.push('/businessservices')">Business Introduction</li>
+          <li @click="router.push('/manage')">Management</li>
+          <li @click="router.push('/boarddirectors')">Board of Directors</li>
+          <li @click="router.push('/committeeappointment')">Committee Appointments</li>
+          <li @click="router.push('/govern')">Governance</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-financial" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Financial Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/secfilings')">SEC Filings</li>
+          <li @click="router.push('/annualreports')">Annual Reports</li>
+          <li @click="router.push('/quarterlyreports')">Quarterly Reports</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-stock" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Stock Information</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/stock-quote')">Stock Quote</li>
+          <li @click="router.push('/historic-stock')">Historic Stock Price</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-news" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">News Releases</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/press-releases')">Press Releases</li>
+          <li @click="router.push('/events-calendar')">Events Calendar</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="site-map-investor" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Investor Resources</h3>
+      <div class="content-block">
+        <ul class="link-list">
+          <li @click="router.push('/contacts')">IR Contacts</li>
+          <li @click="router.push('/email-alerts')">Email Alerts</li>
+        </ul>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, onUnmounted } from "vue";
+import { useRouter } from "vue-router";
+const router = useRouter();
+</script>
+
+<style scoped>
+.site-map {
+  background-image: url("@/assets/image/bg-mobile.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2rem;
+  margin-bottom: 20px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.3rem;
+  margin-bottom: 20px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1rem;
+  line-height: 1.6;
+}
+
+.intro-text {
+  font-size: 1.1rem;
+  margin-bottom: 15px;
+}
+
+.link-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.link-list li {
+  margin-bottom: 10px;
+  cursor: pointer;
+  transition: color 0.3s ease;
+  text-decoration: underline;
+  text-decoration-color: rgba(137, 91, 255, 0.5);
+  text-underline-offset: 4px;
+}
+
+.link-list li:hover {
+  color: #895bff;
+  text-decoration-color: #895bff;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 1.8rem;
+  }
+
+  .section-title {
+    font-size: 1.2rem;
+  }
+
+  .content-block {
+    font-size: 0.9rem;
+  }
+
+  .intro-text {
+    font-size: 1rem;
+  }
+}
+</style> 

src/views/footerLinks/termsOfUse/index.vue

@@ -3,8 +3,8 @@ import { computed } from 'vue'
 import { useWindowSize } from '@vueuse/core'
 
 import size375 from '@/views/footerLinks/termsOfUse/size375/index.vue'
-import size768 from '@/views/footerLinks/termsOfUse/size375/index.vue'
+import size768 from '@/views/footerLinks/termsOfUse/size768/index.vue'
-import size1440 from '@/views/footerLinks/termsOfUse/size1920/index.vue'
+import size1440 from '@/views/footerLinks/termsOfUse/size1440/index.vue'
 import size1920 from '@/views/footerLinks/termsOfUse/size1920/index.vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'

src/views/footerLinks/termsOfUse/size1440/index.vue

@@ -0,0 +1,193 @@
+<template>
+  <div class="terms-of-use">
+    <section class="terms-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h1 class="section-titles">Terms &amp; Conditions</h1>
+      <div class="content-block">
+        <p>
+          FiEE, Inc. and its subsidiaries (collectively and individually referred to
+          herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
+          to the Internet community. All site references to "FiEE", "our", "we",
+          "company" and other words of like connotation are intended to refer to
+          FiEE, Inc. and its subsidiaries, collectively and/or individually. This
+          document outlines the Terms and Conditions relating to your use of the
+          Site. These Terms and Conditions are applicable to your use of this site
+          regardless of how you accessed it. If you do not wish to be bound by these
+          Terms and Conditions, please discontinue using and accessing this site
+          immediately.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-usage" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Your Use of This Site</h3>
+      <div class="content-block">
+        <p>
+          You may not use this site to engage in any illegal activity. You may not
+          use this site to engage in conduct which is defamatory, libelous,
+          threatening or harassing or that infringes on a third party's intellectual
+          property or other proprietary rights. You agree that any information you
+          provide through this site will be truthful and accurate.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-ip" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Intellectual Property</h3>
+      <div class="content-block">
+        <p>
+          The information on this site, including without limitation all design,
+          text, images, press releases, and other information, is protected under
+          United States and other copyright laws and is owned by FiEE or used under
+          license from the copyright owner. The information may not, except under
+          written license, be copied, reproduced, transmitted, displayed, performed,
+          distributed, rented, sublicensed, altered, stored for subsequent use or
+          otherwise used in whole or in part in any manner without FiEE's prior
+          written consent, except to the extent that such use is authorized under
+          the United States copyright laws. FiEE's trademarks, logos, images, and
+          service marks used on this site are the property of FiEE and may not be
+          used without permission from FiEE and then only with proper
+          acknowledgment. In addition, the information on this Web site is provided
+          "as is" and "as available" by FiEE and/or its subsidiaries without
+          warranty of any kind, either implied or expressed, to its accuracy and
+          completeness.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-forward" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Forward-looking Statements</h3>
+      <div class="content-block">
+        <p>
+          FiEE is including the following cautionary statement to make applicable
+          and take advantage of the safe harbor provisions of the Private Securities
+          Litigation Reform Act of 1995 for any forward-looking statements made by,
+          or on behalf of FiEE. With the exception of historical matters, any
+          matters discussed are forward-looking statements (as defined in Section
+          21E of the Securities Exchange Act of 1934) that involve risks and
+          uncertainties that could cause actual results to differ materially from
+          projected results. These risks, uncertainties and contingencies include,
+          but are not limited to, the following: the success or failure of FiEE's
+          efforts to implement its business strategy; the effects of market demand
+          and price on performance; our liquidity, results of operations and
+          financial condition; changes in laws and regulations; results of
+          litigation; the effects of government regulation; the risk of work
+          stoppages; and management's ability to correctly estimate and accrue for
+          contingent liabilities. FiEE assumes no obligation to update information
+          contained in this site.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Linking</h3>
+      <div class="content-block">
+        <p>
+          As a convenience, this site may contain links to other sites that are not
+          controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
+          does not make any representations concerning the privacy practices or
+          terms of use of such sites, nor does FiEE control or guarantee the
+          accuracy, integrity, or quality of the information, data, text, software,
+          music, sound, photographs, graphics, video, messages or other materials
+          available on such sites. The inclusion or exclusion does not imply any
+          endorsement by FiEE of the site, the site's provider, or the information
+          on the site. FiEE is not responsible for the content of any linked site or
+          any link contained in a linked site. FiEE reserves the right to terminate
+          any link or linking program at any time. FiEE does not endorse companies
+          or products to which it links and reserves the right to note as such on
+          its web pages. If you decide to access any of the third party sites linked
+          to this site, you do this entirely at your own risk.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-violations" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
+      <div class="content-block">
+        <p>
+          FiEE reserves the right to seek all remedies available at law and in
+          equity for violations of these Terms and Conditions, including the right
+          to block access from a particular Internet address to the Site. YOU AGREE
+          TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
+          CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
+          THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
+          PROVIDED AT THE SITE.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-liability" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Limitation of Liability</h3>
+      <div class="content-block">
+        <p>
+          NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
+          REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
+          IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
+          INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
+          CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
+          TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
+          STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
+          ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
+          CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
+        </p>
+        <p>
+          FiEE may revise these Terms and Conditions at any time. Revisions will be
+          posted on this "Terms and Conditions" page and users are responsible for
+          reviewing the page from time to time to ensure compliance.
+        </p>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, onUnmounted } from "vue";
+</script>
+
+<style scoped>
+.terms-of-use {
+  background-image: url("@/assets/image/bg-mobile.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2.5rem;
+  margin-bottom: 30px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.5rem;
+  margin-bottom: 30px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1.1rem;
+  line-height: 1.8;
+}
+
+.content-block p {
+  margin-bottom: 16px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 2rem;
+  }
+
+  .section-title {
+    font-size: 1.3rem;
+  }
+
+  .content-block {
+    font-size: 1rem;
+  }
+}
+</style> 

src/views/footerLinks/termsOfUse/size1920/index.vue

@@ -4,11 +4,191 @@ import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
 </script>
 
 <template>
-  <header className="header">
+  <div class="terms-of-use">
-    1920 termsOfUse
+    <section class="terms-intro" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
-  </header>
+      <h1 class="section-titles">Terms &amp; Conditions</h1>
-  <main ref="main"></main>
+      <div class="content-block">
+        <p>
+          FiEE, Inc. and its subsidiaries (collectively and individually referred to
+          herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
+          to the Internet community. All site references to "FiEE", "our", "we",
+          "company" and other words of like connotation are intended to refer to
+          FiEE, Inc. and its subsidiaries, collectively and/or individually. This
+          document outlines the Terms and Conditions relating to your use of the
+          Site. These Terms and Conditions are applicable to your use of this site
+          regardless of how you accessed it. If you do not wish to be bound by these
+          Terms and Conditions, please discontinue using and accessing this site
+          immediately.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-usage" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Your Use of This Site</h3>
+      <div class="content-block">
+        <p>
+          You may not use this site to engage in any illegal activity. You may not
+          use this site to engage in conduct which is defamatory, libelous,
+          threatening or harassing or that infringes on a third party's intellectual
+          property or other proprietary rights. You agree that any information you
+          provide through this site will be truthful and accurate.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-ip" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Intellectual Property</h3>
+      <div class="content-block">
+        <p>
+          The information on this site, including without limitation all design,
+          text, images, press releases, and other information, is protected under
+          United States and other copyright laws and is owned by FiEE or used under
+          license from the copyright owner. The information may not, except under
+          written license, be copied, reproduced, transmitted, displayed, performed,
+          distributed, rented, sublicensed, altered, stored for subsequent use or
+          otherwise used in whole or in part in any manner without FiEE's prior
+          written consent, except to the extent that such use is authorized under
+          the United States copyright laws. FiEE's trademarks, logos, images, and
+          service marks used on this site are the property of FiEE and may not be
+          used without permission from FiEE and then only with proper
+          acknowledgment. In addition, the information on this Web site is provided
+          "as is" and "as available" by FiEE and/or its subsidiaries without
+          warranty of any kind, either implied or expressed, to its accuracy and
+          completeness.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-forward" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Forward-looking Statements</h3>
+      <div class="content-block">
+        <p>
+          FiEE is including the following cautionary statement to make applicable
+          and take advantage of the safe harbor provisions of the Private Securities
+          Litigation Reform Act of 1995 for any forward-looking statements made by,
+          or on behalf of FiEE. With the exception of historical matters, any
+          matters discussed are forward-looking statements (as defined in Section
+          21E of the Securities Exchange Act of 1934) that involve risks and
+          uncertainties that could cause actual results to differ materially from
+          projected results. These risks, uncertainties and contingencies include,
+          but are not limited to, the following: the success or failure of FiEE's
+          efforts to implement its business strategy; the effects of market demand
+          and price on performance; our liquidity, results of operations and
+          financial condition; changes in laws and regulations; results of
+          litigation; the effects of government regulation; the risk of work
+          stoppages; and management's ability to correctly estimate and accrue for
+          contingent liabilities. FiEE assumes no obligation to update information
+          contained in this site.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-linking" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Linking</h3>
+      <div class="content-block">
+        <p>
+          As a convenience, this site may contain links to other sites that are not
+          controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
+          does not make any representations concerning the privacy practices or
+          terms of use of such sites, nor does FiEE control or guarantee the
+          accuracy, integrity, or quality of the information, data, text, software,
+          music, sound, photographs, graphics, video, messages or other materials
+          available on such sites. The inclusion or exclusion does not imply any
+          endorsement by FiEE of the site, the site's provider, or the information
+          on the site. FiEE is not responsible for the content of any linked site or
+          any link contained in a linked site. FiEE reserves the right to terminate
+          any link or linking program at any time. FiEE does not endorse companies
+          or products to which it links and reserves the right to note as such on
+          its web pages. If you decide to access any of the third party sites linked
+          to this site, you do this entirely at your own risk.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-violations" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
+      <div class="content-block">
+        <p>
+          FiEE reserves the right to seek all remedies available at law and in
+          equity for violations of these Terms and Conditions, including the right
+          to block access from a particular Internet address to the Site. YOU AGREE
+          TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
+          CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
+          THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
+          PROVIDED AT THE SITE.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-liability" style="max-width: 1200px; margin: 60px auto; padding: 0 40px">
+      <h3 class="section-title">Limitation of Liability</h3>
+      <div class="content-block">
+        <p>
+          NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
+          REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
+          IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
+          INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
+          CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
+          TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
+          STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
+          ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
+          CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
+        </p>
+        <p>
+          FiEE may revise these Terms and Conditions at any time. Revisions will be
+          posted on this "Terms and Conditions" page and users are responsible for
+          reviewing the page from time to time to ensure compliance.
+        </p>
+      </div>
+    </section>
+  </div>
 </template>
 
-<style scoped lang="scss">
+<style scoped>
+.terms-of-use {
+  background-image: url("@/assets/image/bg.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2.5rem;
+  margin-bottom: 30px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.5rem;
+  margin-bottom: 30px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1.1rem;
+  line-height: 1.8;
+}
+
+.content-block p {
+  margin-bottom: 16px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 2rem;
+  }
+
+  .section-title {
+    font-size: 1.3rem;
+  }
+
+  .content-block {
+    font-size: 1rem;
+  }
+}
 </style>

src/views/footerLinks/termsOfUse/size375/index.vue

@@ -4,11 +4,191 @@ import { onUnmounted, ref, watch, onMounted, computed } from 'vue'
 </script>
 
 <template>
-  <header className="header">
+  <div class="terms-of-use">
-    375 termsOfUse
+    <section class="terms-intro" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
-  </header>
+      <h1 class="section-titles">Terms &amp; Conditions</h1>
-  <main ref="main"></main>
+      <div class="content-block">
+        <p>
+          FiEE, Inc. and its subsidiaries (collectively and individually referred to
+          herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
+          to the Internet community. All site references to "FiEE", "our", "we",
+          "company" and other words of like connotation are intended to refer to
+          FiEE, Inc. and its subsidiaries, collectively and/or individually. This
+          document outlines the Terms and Conditions relating to your use of the
+          Site. These Terms and Conditions are applicable to your use of this site
+          regardless of how you accessed it. If you do not wish to be bound by these
+          Terms and Conditions, please discontinue using and accessing this site
+          immediately.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-usage" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Your Use of This Site</h3>
+      <div class="content-block">
+        <p>
+          You may not use this site to engage in any illegal activity. You may not
+          use this site to engage in conduct which is defamatory, libelous,
+          threatening or harassing or that infringes on a third party's intellectual
+          property or other proprietary rights. You agree that any information you
+          provide through this site will be truthful and accurate.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-ip" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Intellectual Property</h3>
+      <div class="content-block">
+        <p>
+          The information on this site, including without limitation all design,
+          text, images, press releases, and other information, is protected under
+          United States and other copyright laws and is owned by FiEE or used under
+          license from the copyright owner. The information may not, except under
+          written license, be copied, reproduced, transmitted, displayed, performed,
+          distributed, rented, sublicensed, altered, stored for subsequent use or
+          otherwise used in whole or in part in any manner without FiEE's prior
+          written consent, except to the extent that such use is authorized under
+          the United States copyright laws. FiEE's trademarks, logos, images, and
+          service marks used on this site are the property of FiEE and may not be
+          used without permission from FiEE and then only with proper
+          acknowledgment. In addition, the information on this Web site is provided
+          "as is" and "as available" by FiEE and/or its subsidiaries without
+          warranty of any kind, either implied or expressed, to its accuracy and
+          completeness.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-forward" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Forward-looking Statements</h3>
+      <div class="content-block">
+        <p>
+          FiEE is including the following cautionary statement to make applicable
+          and take advantage of the safe harbor provisions of the Private Securities
+          Litigation Reform Act of 1995 for any forward-looking statements made by,
+          or on behalf of FiEE. With the exception of historical matters, any
+          matters discussed are forward-looking statements (as defined in Section
+          21E of the Securities Exchange Act of 1934) that involve risks and
+          uncertainties that could cause actual results to differ materially from
+          projected results. These risks, uncertainties and contingencies include,
+          but are not limited to, the following: the success or failure of FiEE's
+          efforts to implement its business strategy; the effects of market demand
+          and price on performance; our liquidity, results of operations and
+          financial condition; changes in laws and regulations; results of
+          litigation; the effects of government regulation; the risk of work
+          stoppages; and management's ability to correctly estimate and accrue for
+          contingent liabilities. FiEE assumes no obligation to update information
+          contained in this site.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-linking" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Linking</h3>
+      <div class="content-block">
+        <p>
+          As a convenience, this site may contain links to other sites that are not
+          controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
+          does not make any representations concerning the privacy practices or
+          terms of use of such sites, nor does FiEE control or guarantee the
+          accuracy, integrity, or quality of the information, data, text, software,
+          music, sound, photographs, graphics, video, messages or other materials
+          available on such sites. The inclusion or exclusion does not imply any
+          endorsement by FiEE of the site, the site's provider, or the information
+          on the site. FiEE is not responsible for the content of any linked site or
+          any link contained in a linked site. FiEE reserves the right to terminate
+          any link or linking program at any time. FiEE does not endorse companies
+          or products to which it links and reserves the right to note as such on
+          its web pages. If you decide to access any of the third party sites linked
+          to this site, you do this entirely at your own risk.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-violations" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
+      <div class="content-block">
+        <p>
+          FiEE reserves the right to seek all remedies available at law and in
+          equity for violations of these Terms and Conditions, including the right
+          to block access from a particular Internet address to the Site. YOU AGREE
+          TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
+          CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
+          THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
+          PROVIDED AT THE SITE.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-liability" style="max-width: 1200px; margin: 30px auto; padding: 0 15px">
+      <h3 class="section-title">Limitation of Liability</h3>
+      <div class="content-block">
+        <p>
+          NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
+          REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
+          IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
+          INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
+          CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
+          TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
+          STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
+          ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
+          CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
+        </p>
+        <p>
+          FiEE may revise these Terms and Conditions at any time. Revisions will be
+          posted on this "Terms and Conditions" page and users are responsible for
+          reviewing the page from time to time to ensure compliance.
+        </p>
+      </div>
+    </section>
+  </div>
 </template>
 
-<style scoped lang="scss">
+<style scoped>
+.terms-of-use {
+  background-image: url("@/assets/image/bg-mobile.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 1.8rem;
+  margin-bottom: 15px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.2rem;
+  margin-bottom: 15px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 0.9rem;
+  line-height: 1.5;
+}
+
+.content-block p {
+  margin-bottom: 10px;
+}
+
+/* 响应式设计 */
+@media (max-width: 375px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 1.6rem;
+  }
+
+  .section-title {
+    font-size: 1.1rem;
+  }
+
+  .content-block {
+    font-size: 0.85rem;
+  }
+}
 </style>

src/views/footerLinks/termsOfUse/size768/index.vue

@@ -0,0 +1,193 @@
+<template>
+  <div class="terms-of-use">
+    <section class="terms-intro" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h1 class="section-titles">Terms &amp; Conditions</h1>
+      <div class="content-block">
+        <p>
+          FiEE, Inc. and its subsidiaries (collectively and individually referred to
+          herein as "FiEE") maintain the fiee.com web site (the "Site") as a service
+          to the Internet community. All site references to "FiEE", "our", "we",
+          "company" and other words of like connotation are intended to refer to
+          FiEE, Inc. and its subsidiaries, collectively and/or individually. This
+          document outlines the Terms and Conditions relating to your use of the
+          Site. These Terms and Conditions are applicable to your use of this site
+          regardless of how you accessed it. If you do not wish to be bound by these
+          Terms and Conditions, please discontinue using and accessing this site
+          immediately.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-usage" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Your Use of This Site</h3>
+      <div class="content-block">
+        <p>
+          You may not use this site to engage in any illegal activity. You may not
+          use this site to engage in conduct which is defamatory, libelous,
+          threatening or harassing or that infringes on a third party's intellectual
+          property or other proprietary rights. You agree that any information you
+          provide through this site will be truthful and accurate.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-ip" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Intellectual Property</h3>
+      <div class="content-block">
+        <p>
+          The information on this site, including without limitation all design,
+          text, images, press releases, and other information, is protected under
+          United States and other copyright laws and is owned by FiEE or used under
+          license from the copyright owner. The information may not, except under
+          written license, be copied, reproduced, transmitted, displayed, performed,
+          distributed, rented, sublicensed, altered, stored for subsequent use or
+          otherwise used in whole or in part in any manner without FiEE's prior
+          written consent, except to the extent that such use is authorized under
+          the United States copyright laws. FiEE's trademarks, logos, images, and
+          service marks used on this site are the property of FiEE and may not be
+          used without permission from FiEE and then only with proper
+          acknowledgment. In addition, the information on this Web site is provided
+          "as is" and "as available" by FiEE and/or its subsidiaries without
+          warranty of any kind, either implied or expressed, to its accuracy and
+          completeness.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-forward" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Forward-looking Statements</h3>
+      <div class="content-block">
+        <p>
+          FiEE is including the following cautionary statement to make applicable
+          and take advantage of the safe harbor provisions of the Private Securities
+          Litigation Reform Act of 1995 for any forward-looking statements made by,
+          or on behalf of FiEE. With the exception of historical matters, any
+          matters discussed are forward-looking statements (as defined in Section
+          21E of the Securities Exchange Act of 1934) that involve risks and
+          uncertainties that could cause actual results to differ materially from
+          projected results. These risks, uncertainties and contingencies include,
+          but are not limited to, the following: the success or failure of FiEE's
+          efforts to implement its business strategy; the effects of market demand
+          and price on performance; our liquidity, results of operations and
+          financial condition; changes in laws and regulations; results of
+          litigation; the effects of government regulation; the risk of work
+          stoppages; and management's ability to correctly estimate and accrue for
+          contingent liabilities. FiEE assumes no obligation to update information
+          contained in this site.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-linking" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Linking</h3>
+      <div class="content-block">
+        <p>
+          As a convenience, this site may contain links to other sites that are not
+          controlled by, or affiliated or associated with, FiEE. Accordingly, FiEE
+          does not make any representations concerning the privacy practices or
+          terms of use of such sites, nor does FiEE control or guarantee the
+          accuracy, integrity, or quality of the information, data, text, software,
+          music, sound, photographs, graphics, video, messages or other materials
+          available on such sites. The inclusion or exclusion does not imply any
+          endorsement by FiEE of the site, the site's provider, or the information
+          on the site. FiEE is not responsible for the content of any linked site or
+          any link contained in a linked site. FiEE reserves the right to terminate
+          any link or linking program at any time. FiEE does not endorse companies
+          or products to which it links and reserves the right to note as such on
+          its web pages. If you decide to access any of the third party sites linked
+          to this site, you do this entirely at your own risk.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-violations" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Violations of Terms &amp; Conditions</h3>
+      <div class="content-block">
+        <p>
+          FiEE reserves the right to seek all remedies available at law and in
+          equity for violations of these Terms and Conditions, including the right
+          to block access from a particular Internet address to the Site. YOU AGREE
+          TO INDEMNIFY, DEFEND AND HOLD HARMLESS FIEE FROM ANY LIABILITY, LOSS,
+          CLAIM AND EXPENSE, INCLUDING ATTORNEY'S FEES, RELATED TO YOUR VIOLATION OF
+          THESE TERMS AND CONDITIONS OR YOUR USE OF THE SERVICES AND INFORMATION
+          PROVIDED AT THE SITE.
+        </p>
+      </div>
+    </section>
+
+    <section class="terms-liability" style="max-width: 1200px; margin: 40px auto; padding: 0 20px">
+      <h3 class="section-title">Limitation of Liability</h3>
+      <div class="content-block">
+        <p>
+          NEITHER FIEE NOR ITS DIRECTORS, MANAGERS, OFFICERS, EMPLOYEES,
+          REPRESENTATIVES OR AFFILIATES WILL BE LIABLE FOR DAMAGES ARISING OUT OF OR
+          IN CONNECTION WITH THE USE OF THIS SITE OR ANY SITE LINKED HERETO,
+          INCLUDING, WITHOUT LIMITATION, INDIRECT, PUNITIVE, INCIDENTAL OR
+          CONSEQUENTIAL DAMAGES, LOSS OF DATA, INCOME OR PROFIT, LOSS OF OR DAMAGE
+          TO PROPERTY AND CLAIMS OF THIRD PARTIES, WHETHER BASED ON CONTRACT, TORT,
+          STRICT LIABILITY OR OTHERWISE. BECAUSE SOME STATES/JURISDICTIONS DO NOT
+          ALLOW THE EXCLUSION OR LIMITATION OF LIABILITY FOR INCIDENTAL OR
+          CONSEQUENTIAL DAMAGES, SUCH LIMITATION MAY NOT APPLY.
+        </p>
+        <p>
+          FiEE may revise these Terms and Conditions at any time. Revisions will be
+          posted on this "Terms and Conditions" page and users are responsible for
+          reviewing the page from time to time to ensure compliance.
+        </p>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, onUnmounted } from "vue";
+</script>
+
+<style scoped>
+.terms-of-use {
+  background-image: url("@/assets/image/bg-mobile.png");
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.section-titles {
+  font-size: 2rem;
+  margin-bottom: 20px;
+  color: black;
+}
+
+.section-title {
+  font-size: 1.3rem;
+  margin-bottom: 20px;
+  color: #895bff;
+}
+
+.content-block {
+  font-size: 1rem;
+  line-height: 1.6;
+}
+
+.content-block p {
+  margin-bottom: 12px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grid-container {
+    grid-template-columns: 1fr;
+  }
+
+  .section-titles {
+    font-size: 1.8rem;
+  }
+
+  .section-title {
+    font-size: 1.2rem;
+  }
+
+  .content-block {
+    font-size: 0.9rem;
+  }
+}
+</style> 

src/views/govern/size1440/index.vue

@@ -39,6 +39,7 @@
             <h1 style="font-size: 18px" class="">
               {{ item.title }}
             </h1>
+            <!-- <text> {{ item.date }}</text> -->
           </div>
         </div>
         <div class="mt-auto">
@@ -86,28 +87,28 @@ const state = reactive({
       description:
         "Defines the purpose, composition, and responsibilities of the Audit Committee in overseeing financial reporting and disclosure.",
       url: quarterlyPdfone,
-      date: "Last updated: March 2025",
+      date: "May 30, 2025",
     },
     {
       title: "CODE OF BUSINESS CONDUCT AND ETHICS",
       description:
         "Establishes the ethical standards and legal compliance expectations for all directors, officers and employees.",
       url: quarterlyPdftwo,
-      date: "Last updated: January 2025",
+      date: "May 30, 2025",
     },
     {
       title: "COMPENSATION COMMITTEE CHARTER",
       description:
         "Outlines the duties and responsibilities for overseeing executive compensation and benefit plans.",
       url: quarterlyPdfthree,
-      date: "Last updated: February 2025",
+      date: "May 30, 2025",
     },
     {
       title: "NOMINATING AND CORPORATE GOVERNANCE COMMITTEE CHARTER",
       description:
         "Provides the framework for director nominations and corporate governance matters.",
       url: quarterlyPdffour,
-      date: "Last updated: April 2025",
+      date: "May 30, 2025",
     },
   ],
 });

src/views/govern/size1920/index.vue

@@ -39,7 +39,7 @@
             <h1 style="font-size: 18px" class="">
               {{ item.title }}
             </h1>
-            <text> {{ item.date }}</text>
+            <!-- <text> {{ item.date }}</text> -->
           </div>
         </div>
         <div class="mt-auto">

src/views/govern/size375/index.vue

@@ -36,6 +36,7 @@
             <h1 class="text-2xl font-medium text-gray-800 mb-2">
               {{ item.title }}
             </h1>
+            <!-- <text> {{ item.date }}</text> -->
           </div>
         </div>
         <div class="mt-auto">
@@ -82,28 +83,28 @@ const state = reactive({
       description:
         "Defines the purpose, composition, and responsibilities of the Audit Committee in overseeing financial reporting and disclosure.",
       url: quarterlyPdfone,
-      date: "Last updated: March 2025",
+      date: "May 30, 2025",
     },
     {
       title: "CODE OF BUSINESS CONDUCT AND ETHICS",
       description:
         "Establishes the ethical standards and legal compliance expectations for all directors, officers and employees.",
       url: quarterlyPdftwo,
-      date: "Last updated: January 2025",
+      date: "May 30, 2025",
     },
     {
       title: "COMPENSATION COMMITTEE CHARTER",
       description:
         "Outlines the duties and responsibilities for overseeing executive compensation and benefit plans.",
       url: quarterlyPdfthree,
-      date: "Last updated: February 2025",
+      date: "May 30, 2025",
     },
     {
       title: "NOMINATING AND CORPORATE GOVERNANCE COMMITTEE CHARTER",
       description:
         "Provides the framework for director nominations and corporate governance matters.",
       url: quarterlyPdffour,
-      date: "Last updated: April 2025",
+      date: "May 30, 2025",
     },
   ],
 });

src/views/govern/size768/index.vue

@@ -36,6 +36,7 @@
             <h1 class="text-2xl font-medium text-gray-800 mb-2">
               {{ item.title }}
             </h1>
+            <!-- <text> {{ item.date }}</text> -->
           </div>
         </div>
         <div class="mt-auto">
@@ -82,28 +83,28 @@ const state = reactive({
       description:
         "Defines the purpose, composition, and responsibilities of the Audit Committee in overseeing financial reporting and disclosure.",
       url: quarterlyPdfone,
-      date: "Last updated: March 2025",
+      date: "May 30, 2025",
     },
     {
       title: "CODE OF BUSINESS CONDUCT AND ETHICS",
       description:
         "Establishes the ethical standards and legal compliance expectations for all directors, officers and employees.",
       url: quarterlyPdftwo,
-      date: "Last updated: January 2025",
+      date: "May 30, 2025",
     },
     {
       title: "COMPENSATION COMMITTEE CHARTER",
       description:
         "Outlines the duties and responsibilities for overseeing executive compensation and benefit plans.",
       url: quarterlyPdfthree,
-      date: "Last updated: February 2025",
+      date: "May 30, 2025",
     },
     {
       title: "NOMINATING AND CORPORATE GOVERNANCE COMMITTEE CHARTER",
       description:
         "Provides the framework for director nominations and corporate governance matters.",
       url: quarterlyPdffour,
-      date: "Last updated: April 2025",
+      date: "May 30, 2025",
     },
   ],
 });

src/views/historic-stock/size1440/index.vue

@@ -85,201 +85,202 @@
 </template>
 
 <script setup>
-import { NDataTable, NButton, NDropdown, NIcon } from "naive-ui";
+import { NDataTable, NButton, NDropdown, NIcon } from 'naive-ui'
-import { reactive, onMounted, h, computed } from "vue";
+import { reactive, onMounted, h, computed } from 'vue'
-import axios from "axios";
+import axios from 'axios'
 import {
   ChevronDownOutline,
   ChevronBackOutline,
   ChevronForwardOutline,
   ArrowUpOutline,
-} from "@vicons/ionicons5";
+} from '@vicons/ionicons5'
-import defaultTableData from "../data";
+import defaultTableData from '../data'
+// console.log('defaultTableData', defaultTableData)
 import customEcharts from '@/components/customEcharts/index.vue'
-console.log("defaultTableData", defaultTableData);
 
 // 数据筛选选项
 const periodOptions = [
-  { label: "Daily", key: "Daily" },
+  { label: 'Daily', key: 'Daily' },
-  { label: "Weekly", key: "Weekly" },
+  { label: 'Weekly', key: 'Weekly' },
-  { label: "Monthly", key: "Monthly" },
+  { label: 'Monthly', key: 'Monthly' },
-  { label: "Quarterly", key: "Quarterly" },
+  { label: 'Quarterly', key: 'Quarterly' },
-  { label: "Annual", key: "Annual" },
+  { label: 'Annual', key: 'Annual' },
-];
+]
 
 const durationOptions = [
-  { label: "3 Months", key: "3 Months" },
+  { label: '3 Months', key: '3 Months' },
-  { label: "6 Months", key: "6 Months" },
+  { label: '6 Months', key: '6 Months' },
-  { label: "Year to Date", key: "Year to Date" },
+  { label: 'Year to Date', key: 'Year to Date' },
-  { label: "1 Year", key: "1 Year" },
+  { label: '1 Year', key: '1 Year' },
-  { label: "5 Years", key: "5 Years" },
+  { label: '5 Years', key: '5 Years' },
-  { label: "10 Years", key: "10 Years" },
+  { label: '10 Years', key: '10 Years' },
-  { label: "Full History", key: "Full History", disabled: true },
+  // { label: 'Full History', key: 'Full History', disabled: true },
-];
+]
 
 // 分页大小选项
 const pageSizeOptions = [
-  { label: "50", key: 50 },
+  { label: '50', key: 50 },
-  { label: "100", key: 100 },
+  { label: '100', key: 100 },
-  { label: "500", key: 500 },
+  { label: '500', key: 500 },
-  { label: "1000", key: 1000 },
+  { label: '1000', key: 1000 },
-];
+]
 
 const state = reactive({
-  selectedPeriod: "Daily",
+  selectedPeriod: 'Daily',
-  selectedDuration: "3 Months",
+  selectedDuration: '6 Months',
   tableData: [],
   currentPage: 1,
   pageSize: 50,
-});
+})
 
 // 计算总页数
 const totalPages = computed(() => {
-  return Math.ceil(state.tableData.length / state.pageSize);
+  return Math.ceil(state.tableData.length / state.pageSize)
-});
+})
 
 // 计算当前页的数据
 const paginatedData = computed(() => {
-  const start = (state.currentPage - 1) * state.pageSize;
+  const start = (state.currentPage - 1) * state.pageSize
-  const end = start + state.pageSize;
+  const end = start + state.pageSize
-  return state.tableData.slice(start, end);
+  return state.tableData.slice(start, end)
-});
+})
 
 // 表格列定义
 const columns = [
   {
-    title: "Date",
+    title: 'Date',
-    key: "date",
+    key: 'date',
-    align: "left",
+    align: 'left',
-    fixed: "left",
+    fixed: 'left',
     width: 150,
   },
   {
-    title: "Open",
+    title: 'Open',
-    key: "open",
+    key: 'open',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "High",
+    title: 'High',
-    key: "high",
+    key: 'high',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Low",
+    title: 'Low',
-    key: "low",
+    key: 'low',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Close",
+    title: 'Close',
-    key: "close",
+    key: 'close',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Adj. Close",
+    title: 'Adj. Close',
-    key: "adjClose",
+    key: 'adjClose',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Change",
+    title: 'Change',
-    key: "change",
+    key: 'change',
-    align: "center",
+    align: 'center',
     render(row) {
-      const value = parseFloat(row.change);
+      const value = parseFloat(row.change)
-      const color = value < 0 ? "#ff4d4f" : value > 0 ? "#52c41a" : "";
+      const color = value < 0 ? '#ff4d4f' : value > 0 ? '#52c41a' : ''
-      return h("span", { style: { color } }, row.change);
+      return h('span', { style: { color } }, row.change)
     },
   },
   {
-    title: "Volume",
+    title: 'Volume',
-    key: "volume",
+    key: 'volume',
-    align: "center",
+    align: 'center',
   },
-];
+]
 
 // 处理下拉选项变更
 const handlePeriodChange = (key) => {
-  state.selectedPeriod = key;
+  state.selectedPeriod = key
-  if (key === "Annual") {
+  if (key === 'Annual') {
-    handleDurationChange("Full History");
+    handleDurationChange('Full History')
-    return;
+    return
   }
-  if (key === "Monthly") {
+  if (key === 'Monthly') {
-    handleDurationChange("10 Years");
+    handleDurationChange('10 Years')
-    return;
+    return
   }
-  if (key === "Quarterly") {
+  if (key === 'Quarterly') {
-    handleDurationChange("10 Years");
+    handleDurationChange('10 Years')
-    return;
+    return
+  }
+  getPageData()
 }
-  getPageData();
-};
 
 const handleDurationChange = (key) => {
-  state.selectedDuration = key;
+  state.selectedDuration = key
-  getPageData();
+  state.currentPage = 1
-};
+  getPageData()
+}
 
 // 处理分页
 const handlePrevPage = () => {
   if (state.currentPage === 1) {
-    return;
+    return
+  }
+  state.currentPage--
 }
-  state.currentPage--;
-};
 
 const handleNextPage = () => {
   if (state.currentPage >= totalPages.value) {
-    return;
+    return
+  }
+  state.currentPage++
 }
-  state.currentPage++;
-};
 
 const handlePageSizeChange = (size) => {
-  state.pageSize = size;
+  state.pageSize = size
-  state.currentPage = 1; // 重置到第一页
+  state.currentPage = 1 // 重置到第一页
-};
+}
 
 // 回到顶部
 const scrollToTop = () => {
   // 尝试多种方法
   // 1. 使用document.body
-  document.body.scrollTop = 0;
+  document.body.scrollTop = 0
   // 2. 使用document.documentElement (HTML元素)
-  document.documentElement.scrollTop = 0;
+  document.documentElement.scrollTop = 0
   // 3. 使用scrollIntoView
-  document.querySelector(".historic-data-container").scrollIntoView({
+  document.querySelector('.historic-data-container').scrollIntoView({
-    behavior: "smooth",
+    behavior: 'smooth',
-    block: "start",
+    block: 'start',
-  });
+  })
-};
+}
 onMounted(() => {
-  getPageData();
+  getPageData()
-});
+})
 
 const getPageDefaultData = async () => {
   try {
     let url =
-      "https://stockanalysis.com/api/symbol/a/OTC-MINM/history?type=chart";
+      'https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=Daily&range=3M'
-    const res = await axios.get(url);
+    const res = await axios.get(url)
-    let originalData = res.data.data;
+    let originalData = res.data.data
 
     // 转换为日期格式："Nov 26, 2024"
     let calcApiData = originalData.map((item) => [
-      new Date(item[0]).toLocaleDateString("en-US", {
+      new Date(item[0]).toLocaleDateString('en-US', {
-        month: "short",
+        month: 'short',
-        day: "numeric",
+        day: 'numeric',
-        year: "numeric",
+        year: 'numeric',
       }),
       item[1],
-    ]);
+    ])
-    console.log("接口数据", calcApiData);
+    // console.log('接口数据', calcApiData)
 
     // 使用API数据更新defaultTableData中的close和adjClose值
     const updatedTableData = defaultTableData.map((tableItem) => {
       // 查找对应日期的API数据
       const matchedApiData = calcApiData.find(
-        (apiItem) => apiItem[0] === tableItem.date
+        (apiItem) => apiItem[0] === tableItem.date,
-      );
+      )
 
       if (matchedApiData) {
         // 更新close和adjClose值
@@ -287,56 +288,100 @@ const getPageDefaultData = async () => {
           ...tableItem,
           close: matchedApiData[1].toFixed(2),
           adjClose: matchedApiData[1].toFixed(2),
-        };
         }
-      return tableItem;
+      }
-    });
+      return tableItem
+    })
 
-    state.tableData = updatedTableData;
+    state.tableData = updatedTableData
   } catch (error) {
-    console.error("获取数据失败", error);
+    // console.error('获取数据失败', error)
+  }
 }
-};
 const getPageData = async () => {
-  let range = "";
+  let range = ''
-  if (state.selectedDuration === "3 Months") {
+  let now = new Date()
-    range = "3M";
+  const last = new Date(now)
-  } else if (state.selectedDuration === "6 Months") {
+  last.setMonth(now.getMonth() - 6)
-    range = "6M";
+  let fromDate = last
-  } else if (state.selectedDuration === "Year to Date") {
+  let toDate =
-    range = "YTD";
+    now.getFullYear() +
-  } else if (state.selectedDuration === "1 Year") {
+    '-' +
-    range = "1Y";
+    String(now.getMonth() + 1).padStart(2, '0') +
-  } else if (state.selectedDuration === "5 Years") {
+    '-' +
-    range = "5Y";
+    String(now.getDate()).padStart(2, '0')
-  } else if (state.selectedDuration === "10 Years") {
+  if (state.selectedDuration === '3 Months') {
-    range = "10Y";
+    range = '3M'
-  } else if (state.selectedDuration === "Full History") {
+    const last = new Date(now)
-    range = "Max";
+    last.setMonth(now.getMonth() - 3)
+    fromDate = last
+  } else if (state.selectedDuration === '6 Months') {
+    range = '6M'
+    const last = new Date(now)
+    last.setMonth(now.getMonth() - 6)
+    fromDate = last
+  } else if (state.selectedDuration === 'Year to Date') {
+    range = 'YTD'
+    fromDate = new Date(now.getFullYear(), 0, 1)
+  } else if (state.selectedDuration === '1 Year') {
+    range = '1Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 1)
+    fromDate = last
+  } else if (state.selectedDuration === '5 Years') {
+    range = '5Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 5)
+    fromDate = last
+  } else if (state.selectedDuration === '10 Years') {
+    range = '10Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 10)
+    fromDate = last
+  } else if (state.selectedDuration === 'Full History') {
+    range = 'Max'
+    fromDate = new Date('2009-10-07')
   }
-  let url = `https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=${state.selectedPeriod}&range=${range}`;
+  let finalFromDate =
-  const res = await axios.get(url);
+    fromDate.getFullYear() +
-  if (res.data.status === 200) {
+    '-' +
+    String(fromDate.getMonth() + 1).padStart(2, '0') +
+    '-' +
+    String(fromDate.getDate()).padStart(2, '0')
+  // let url = `https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=${state.selectedPeriod}&range=${range}`
+  let url =
+    'https://common.szjixun.cn/api/stock/history/list?from=' +
+    finalFromDate +
+    '&to=' +
+    toDate
+  const res = await axios.get(url)
+  // console.error(res)
+  if (res.status === 200) {
+    if (res.data.status === 0) {
       // 转换为日期格式："Nov 26, 2024"
       let resultData = res.data.data.map((item) => {
         return {
-        date: new Date(item.t).toLocaleDateString("en-US", {
+          date: new Date(item.date).toLocaleDateString('en-US', {
-          month: "short",
+            month: 'short',
-          day: "numeric",
+            day: 'numeric',
-          year: "numeric",
+            year: 'numeric',
           }),
-        open: item.o != null ? Number(item.o).toFixed(2) : "",
+          open: item.open != null ? Number(item.open).toFixed(2) : '',
-        high: item.h != null ? Number(item.h).toFixed(2) : "",
+          high: item.high != null ? Number(item.high).toFixed(2) : '',
-        low: item.l != null ? Number(item.l).toFixed(2) : "",
+          low: item.low != null ? Number(item.low).toFixed(2) : '',
-        close: item.c != null ? Number(item.c).toFixed(2) : "",
+          close: item.close != null ? Number(item.close).toFixed(2) : '',
-        adjClose: item.a != null ? Number(item.a).toFixed(2) : "",
+          adjClose: item.close != null ? Number(item.close).toFixed(2) : '',
-        change: item.ch != null ? Number(item.ch).toFixed(2) + "%" : "",
+          change:
-        volume: item.v,
+            item.changePercent != null
-      };
+              ? Number(item.changePercent).toFixed(2) + '%'
-    });
+              : '',
-    state.tableData = resultData;
+          volume: item.volume,
+        }
+      })
+      state.tableData = resultData
+    }
+  }
 }
-};
 </script>
 
 <style scoped lang="scss">

src/views/historic-stock/size1920/index.vue

@@ -95,7 +95,7 @@ import {
   ArrowUpOutline,
 } from '@vicons/ionicons5'
 import defaultTableData from '../data'
-console.log('defaultTableData', defaultTableData)
+// console.log('defaultTableData', defaultTableData)
 import customEcharts from '@/components/customEcharts/index.vue'
 
 // 数据筛选选项
@@ -114,7 +114,7 @@ const durationOptions = [
   { label: '1 Year', key: '1 Year' },
   { label: '5 Years', key: '5 Years' },
   { label: '10 Years', key: '10 Years' },
-  { label: 'Full History', key: 'Full History', disabled: true },
+  // { label: 'Full History', key: 'Full History', disabled: true },
 ]
 
 // 分页大小选项
@@ -273,7 +273,7 @@ const getPageDefaultData = async () => {
       }),
       item[1],
     ])
-    console.log('接口数据', calcApiData)
+    // console.log('接口数据', calcApiData)
 
     // 使用API数据更新defaultTableData中的close和adjClose值
     const updatedTableData = defaultTableData.map((tableItem) => {
@@ -295,7 +295,7 @@ const getPageDefaultData = async () => {
 
     state.tableData = updatedTableData
   } catch (error) {
-    console.error('获取数据失败', error)
+    // console.error('获取数据失败', error)
   }
 }
 const getPageData = async () => {
@@ -355,7 +355,7 @@ const getPageData = async () => {
     '&to=' +
     toDate
   const res = await axios.get(url)
-  console.error(res)
+  // console.error(res)
   if (res.status === 200) {
     if (res.data.status === 0) {
       // 转换为日期格式："Nov 26, 2024"

src/views/historic-stock/size375/index.vue

@@ -83,202 +83,202 @@
 </template>
 
 <script setup>
-import { NDataTable, NButton, NDropdown, NIcon } from "naive-ui";
+import { NDataTable, NButton, NDropdown, NIcon } from 'naive-ui'
-import { reactive, onMounted, h, computed } from "vue";
+import { reactive, onMounted, h, computed } from 'vue'
-import axios from "axios";
+import axios from 'axios'
 import {
   ChevronDownOutline,
   ChevronBackOutline,
   ChevronForwardOutline,
   ArrowUpOutline,
-} from "@vicons/ionicons5";
+} from '@vicons/ionicons5'
-import defaultTableData from "../data";
+import defaultTableData from '../data'
+// console.log('defaultTableData', defaultTableData)
 import customEcharts from '@/components/customEcharts/index.vue'
-console.log("defaultTableData", defaultTableData);
 
 // 数据筛选选项
 const periodOptions = [
-  { label: "Daily", key: "Daily" },
+  { label: 'Daily', key: 'Daily' },
-  { label: "Weekly", key: "Weekly" },
+  { label: 'Weekly', key: 'Weekly' },
-  { label: "Monthly", key: "Monthly" },
+  { label: 'Monthly', key: 'Monthly' },
-  { label: "Quarterly", key: "Quarterly" },
+  { label: 'Quarterly', key: 'Quarterly' },
-  { label: "Annual", key: "Annual" },
+  { label: 'Annual', key: 'Annual' },
-];
+]
 
 const durationOptions = [
-  { label: "3 Months", key: "3 Months" },
+  { label: '3 Months', key: '3 Months' },
-  { label: "6 Months", key: "6 Months" },
+  { label: '6 Months', key: '6 Months' },
-  { label: "Year to Date", key: "Year to Date" },
+  { label: 'Year to Date', key: 'Year to Date' },
-  { label: "1 Year", key: "1 Year" },
+  { label: '1 Year', key: '1 Year' },
-  { label: "5 Years", key: "5 Years" },
+  { label: '5 Years', key: '5 Years' },
-  { label: "10 Years", key: "10 Years" },
+  { label: '10 Years', key: '10 Years' },
-  { label: "Full History", key: "Full History", disabled: true },
+  // { label: 'Full History', key: 'Full History', disabled: true },
-];
+]
 
 // 分页大小选项
 const pageSizeOptions = [
-  { label: "50", key: 50 },
+  { label: '50', key: 50 },
-  { label: "100", key: 100 },
+  { label: '100', key: 100 },
-  { label: "500", key: 500 },
+  { label: '500', key: 500 },
-  { label: "1000", key: 1000 },
+  { label: '1000', key: 1000 },
-];
+]
 
 const state = reactive({
-  selectedPeriod: "Daily",
+  selectedPeriod: 'Daily',
-  selectedDuration: "3 Months",
+  selectedDuration: '6 Months',
   tableData: [],
   currentPage: 1,
   pageSize: 50,
-});
+})
 
 // 计算总页数
 const totalPages = computed(() => {
-  return Math.ceil(state.tableData.length / state.pageSize);
+  return Math.ceil(state.tableData.length / state.pageSize)
-});
+})
 
 // 计算当前页的数据
 const paginatedData = computed(() => {
-  const start = (state.currentPage - 1) * state.pageSize;
+  const start = (state.currentPage - 1) * state.pageSize
-  const end = start + state.pageSize;
+  const end = start + state.pageSize
-  return state.tableData.slice(start, end);
+  return state.tableData.slice(start, end)
-});
+})
 
 // 表格列定义
 const columns = [
   {
-    width: 100,
+    title: 'Date',
-    title: "Date",
+    key: 'date',
-    key: "date",
+    align: 'left',
-    align: "left",
+    fixed: 'left',
-    fixed: "left",
+    width: 150,
   },
   {
-    title: "Open",
+    title: 'Open',
-    key: "open",
+    key: 'open',
-    align: "center",
+    align: 'center',
-    fixed: "left",
   },
   {
-    title: "High",
+    title: 'High',
-    key: "high",
+    key: 'high',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Low",
+    title: 'Low',
-    key: "low",
+    key: 'low',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Close",
+    title: 'Close',
-    key: "close",
+    key: 'close',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Adj. Close",
+    title: 'Adj. Close',
-    key: "adjClose",
+    key: 'adjClose',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Change",
+    title: 'Change',
-    key: "change",
+    key: 'change',
-    align: "center",
+    align: 'center',
     render(row) {
-      const value = parseFloat(row.change);
+      const value = parseFloat(row.change)
-      const color = value < 0 ? "#ff4d4f" : value > 0 ? "#52c41a" : "";
+      const color = value < 0 ? '#ff4d4f' : value > 0 ? '#52c41a' : ''
-      return h("span", { style: { color } }, row.change);
+      return h('span', { style: { color } }, row.change)
     },
   },
   {
-    title: "Volume",
+    title: 'Volume',
-    key: "volume",
+    key: 'volume',
-    align: "center",
+    align: 'center',
   },
-];
+]
 
 // 处理下拉选项变更
 const handlePeriodChange = (key) => {
-  state.selectedPeriod = key;
+  state.selectedPeriod = key
-  if (key === "Annual") {
+  if (key === 'Annual') {
-    handleDurationChange("Full History");
+    handleDurationChange('Full History')
-    return;
+    return
   }
-  if (key === "Monthly") {
+  if (key === 'Monthly') {
-    handleDurationChange("10 Years");
+    handleDurationChange('10 Years')
-    return;
+    return
   }
-  if (key === "Quarterly") {
+  if (key === 'Quarterly') {
-    handleDurationChange("10 Years");
+    handleDurationChange('10 Years')
-    return;
+    return
+  }
+  getPageData()
 }
-  getPageData();
-};
 
 const handleDurationChange = (key) => {
-  state.selectedDuration = key;
+  state.selectedDuration = key
-  getPageData();
+  state.currentPage = 1
-};
+  getPageData()
+}
 
 // 处理分页
 const handlePrevPage = () => {
   if (state.currentPage === 1) {
-    return;
+    return
+  }
+  state.currentPage--
 }
-  state.currentPage--;
-};
 
 const handleNextPage = () => {
   if (state.currentPage >= totalPages.value) {
-    return;
+    return
+  }
+  state.currentPage++
 }
-  state.currentPage++;
-};
 
 const handlePageSizeChange = (size) => {
-  state.pageSize = size;
+  state.pageSize = size
-  state.currentPage = 1; // 重置到第一页
+  state.currentPage = 1 // 重置到第一页
-};
+}
 
 // 回到顶部
 const scrollToTop = () => {
   // 尝试多种方法
   // 1. 使用document.body
-  document.body.scrollTop = 0;
+  document.body.scrollTop = 0
   // 2. 使用document.documentElement (HTML元素)
-  document.documentElement.scrollTop = 0;
+  document.documentElement.scrollTop = 0
   // 3. 使用scrollIntoView
-  document.querySelector(".historic-data-container").scrollIntoView({
+  document.querySelector('.historic-data-container').scrollIntoView({
-    behavior: "smooth",
+    behavior: 'smooth',
-    block: "start",
+    block: 'start',
-  });
+  })
-};
+}
 onMounted(() => {
-  getPageData();
+  getPageData()
-});
+})
 
 const getPageDefaultData = async () => {
   try {
     let url =
-      "https://stockanalysis.com/api/symbol/a/OTC-MINM/history?type=chart";
+      'https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=Daily&range=3M'
-    const res = await axios.get(url);
+    const res = await axios.get(url)
-    let originalData = res.data.data;
+    let originalData = res.data.data
 
     // 转换为日期格式："Nov 26, 2024"
     let calcApiData = originalData.map((item) => [
-      new Date(item[0]).toLocaleDateString("en-US", {
+      new Date(item[0]).toLocaleDateString('en-US', {
-        month: "short",
+        month: 'short',
-        day: "numeric",
+        day: 'numeric',
-        year: "numeric",
+        year: 'numeric',
       }),
       item[1],
-    ]);
+    ])
-    console.log("接口数据", calcApiData);
+    // console.log('接口数据', calcApiData)
 
     // 使用API数据更新defaultTableData中的close和adjClose值
     const updatedTableData = defaultTableData.map((tableItem) => {
       // 查找对应日期的API数据
       const matchedApiData = calcApiData.find(
-        (apiItem) => apiItem[0] === tableItem.date
+        (apiItem) => apiItem[0] === tableItem.date,
-      );
+      )
 
       if (matchedApiData) {
         // 更新close和adjClose值
@@ -286,56 +286,100 @@ const getPageDefaultData = async () => {
           ...tableItem,
           close: matchedApiData[1].toFixed(2),
           adjClose: matchedApiData[1].toFixed(2),
-        };
         }
-      return tableItem;
+      }
-    });
+      return tableItem
+    })
 
-    state.tableData = updatedTableData;
+    state.tableData = updatedTableData
   } catch (error) {
-    console.error("获取数据失败", error);
+    // console.error('获取数据失败', error)
+  }
 }
-};
 const getPageData = async () => {
-  let range = "";
+  let range = ''
-  if (state.selectedDuration === "3 Months") {
+  let now = new Date()
-    range = "3M";
+  const last = new Date(now)
-  } else if (state.selectedDuration === "6 Months") {
+  last.setMonth(now.getMonth() - 6)
-    range = "6M";
+  let fromDate = last
-  } else if (state.selectedDuration === "Year to Date") {
+  let toDate =
-    range = "YTD";
+    now.getFullYear() +
-  } else if (state.selectedDuration === "1 Year") {
+    '-' +
-    range = "1Y";
+    String(now.getMonth() + 1).padStart(2, '0') +
-  } else if (state.selectedDuration === "5 Years") {
+    '-' +
-    range = "5Y";
+    String(now.getDate()).padStart(2, '0')
-  } else if (state.selectedDuration === "10 Years") {
+  if (state.selectedDuration === '3 Months') {
-    range = "10Y";
+    range = '3M'
-  } else if (state.selectedDuration === "Full History") {
+    const last = new Date(now)
-    range = "Max";
+    last.setMonth(now.getMonth() - 3)
+    fromDate = last
+  } else if (state.selectedDuration === '6 Months') {
+    range = '6M'
+    const last = new Date(now)
+    last.setMonth(now.getMonth() - 6)
+    fromDate = last
+  } else if (state.selectedDuration === 'Year to Date') {
+    range = 'YTD'
+    fromDate = new Date(now.getFullYear(), 0, 1)
+  } else if (state.selectedDuration === '1 Year') {
+    range = '1Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 1)
+    fromDate = last
+  } else if (state.selectedDuration === '5 Years') {
+    range = '5Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 5)
+    fromDate = last
+  } else if (state.selectedDuration === '10 Years') {
+    range = '10Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 10)
+    fromDate = last
+  } else if (state.selectedDuration === 'Full History') {
+    range = 'Max'
+    fromDate = new Date('2009-10-07')
   }
-  let url = `https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=${state.selectedPeriod}&range=${range}`;
+  let finalFromDate =
-  const res = await axios.get(url);
+    fromDate.getFullYear() +
-  if (res.data.status === 200) {
+    '-' +
+    String(fromDate.getMonth() + 1).padStart(2, '0') +
+    '-' +
+    String(fromDate.getDate()).padStart(2, '0')
+  // let url = `https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=${state.selectedPeriod}&range=${range}`
+  let url =
+    'https://common.szjixun.cn/api/stock/history/list?from=' +
+    finalFromDate +
+    '&to=' +
+    toDate
+  const res = await axios.get(url)
+  // console.error(res)
+  if (res.status === 200) {
+    if (res.data.status === 0) {
       // 转换为日期格式："Nov 26, 2024"
       let resultData = res.data.data.map((item) => {
         return {
-        date: new Date(item.t).toLocaleDateString("en-US", {
+          date: new Date(item.date).toLocaleDateString('en-US', {
-          month: "short",
+            month: 'short',
-          day: "numeric",
+            day: 'numeric',
-          year: "numeric",
+            year: 'numeric',
           }),
-        open: item.o != null ? Number(item.o).toFixed(2) : "",
+          open: item.open != null ? Number(item.open).toFixed(2) : '',
-        high: item.h != null ? Number(item.h).toFixed(2) : "",
+          high: item.high != null ? Number(item.high).toFixed(2) : '',
-        low: item.l != null ? Number(item.l).toFixed(2) : "",
+          low: item.low != null ? Number(item.low).toFixed(2) : '',
-        close: item.c != null ? Number(item.c).toFixed(2) : "",
+          close: item.close != null ? Number(item.close).toFixed(2) : '',
-        adjClose: item.a != null ? Number(item.a).toFixed(2) : "",
+          adjClose: item.close != null ? Number(item.close).toFixed(2) : '',
-        change: item.ch != null ? Number(item.ch).toFixed(2) + "%" : "",
+          change:
-        volume: item.v,
+            item.changePercent != null
-      };
+              ? Number(item.changePercent).toFixed(2) + '%'
-    });
+              : '',
-    state.tableData = resultData;
+          volume: item.volume,
+        }
+      })
+      state.tableData = resultData
+    }
+  }
 }
-};
 </script>
 
 <style scoped lang="scss">

src/views/historic-stock/size768/index.vue

@@ -85,201 +85,202 @@
 </template>
 
 <script setup>
-import { NDataTable, NButton, NDropdown, NIcon } from "naive-ui";
+import { NDataTable, NButton, NDropdown, NIcon } from 'naive-ui'
-import { reactive, onMounted, h, computed } from "vue";
+import { reactive, onMounted, h, computed } from 'vue'
-import axios from "axios";
+import axios from 'axios'
 import {
   ChevronDownOutline,
   ChevronBackOutline,
   ChevronForwardOutline,
   ArrowUpOutline,
-} from "@vicons/ionicons5";
+} from '@vicons/ionicons5'
-import defaultTableData from "../data";
+import defaultTableData from '../data'
+// console.log('defaultTableData', defaultTableData)
 import customEcharts from '@/components/customEcharts/index.vue'
-console.log("defaultTableData", defaultTableData);
 
 // 数据筛选选项
 const periodOptions = [
-  { label: "Daily", key: "Daily" },
+  { label: 'Daily', key: 'Daily' },
-  { label: "Weekly", key: "Weekly" },
+  { label: 'Weekly', key: 'Weekly' },
-  { label: "Monthly", key: "Monthly" },
+  { label: 'Monthly', key: 'Monthly' },
-  { label: "Quarterly", key: "Quarterly" },
+  { label: 'Quarterly', key: 'Quarterly' },
-  { label: "Annual", key: "Annual" },
+  { label: 'Annual', key: 'Annual' },
-];
+]
 
 const durationOptions = [
-  { label: "3 Months", key: "3 Months" },
+  { label: '3 Months', key: '3 Months' },
-  { label: "6 Months", key: "6 Months" },
+  { label: '6 Months', key: '6 Months' },
-  { label: "Year to Date", key: "Year to Date" },
+  { label: 'Year to Date', key: 'Year to Date' },
-  { label: "1 Year", key: "1 Year" },
+  { label: '1 Year', key: '1 Year' },
-  { label: "5 Years", key: "5 Years" },
+  { label: '5 Years', key: '5 Years' },
-  { label: "10 Years", key: "10 Years" },
+  { label: '10 Years', key: '10 Years' },
-  { label: "Full History", key: "Full History", disabled: true },
+  // { label: 'Full History', key: 'Full History', disabled: true },
-];
+]
 
 // 分页大小选项
 const pageSizeOptions = [
-  { label: "50", key: 50 },
+  { label: '50', key: 50 },
-  { label: "100", key: 100 },
+  { label: '100', key: 100 },
-  { label: "500", key: 500 },
+  { label: '500', key: 500 },
-  { label: "1000", key: 1000 },
+  { label: '1000', key: 1000 },
-];
+]
 
 const state = reactive({
-  selectedPeriod: "Daily",
+  selectedPeriod: 'Daily',
-  selectedDuration: "3 Months",
+  selectedDuration: '6 Months',
   tableData: [],
   currentPage: 1,
   pageSize: 50,
-});
+})
 
 // 计算总页数
 const totalPages = computed(() => {
-  return Math.ceil(state.tableData.length / state.pageSize);
+  return Math.ceil(state.tableData.length / state.pageSize)
-});
+})
 
 // 计算当前页的数据
 const paginatedData = computed(() => {
-  const start = (state.currentPage - 1) * state.pageSize;
+  const start = (state.currentPage - 1) * state.pageSize
-  const end = start + state.pageSize;
+  const end = start + state.pageSize
-  return state.tableData.slice(start, end);
+  return state.tableData.slice(start, end)
-});
+})
 
 // 表格列定义
 const columns = [
   {
-    title: "Date",
+    title: 'Date',
-    key: "date",
+    key: 'date',
-    align: "left",
+    align: 'left',
-    fixed: "left",
+    fixed: 'left',
     width: 150,
   },
   {
-    title: "Open",
+    title: 'Open',
-    key: "open",
+    key: 'open',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "High",
+    title: 'High',
-    key: "high",
+    key: 'high',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Low",
+    title: 'Low',
-    key: "low",
+    key: 'low',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Close",
+    title: 'Close',
-    key: "close",
+    key: 'close',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Adj. Close",
+    title: 'Adj. Close',
-    key: "adjClose",
+    key: 'adjClose',
-    align: "center",
+    align: 'center',
   },
   {
-    title: "Change",
+    title: 'Change',
-    key: "change",
+    key: 'change',
-    align: "center",
+    align: 'center',
     render(row) {
-      const value = parseFloat(row.change);
+      const value = parseFloat(row.change)
-      const color = value < 0 ? "#ff4d4f" : value > 0 ? "#52c41a" : "";
+      const color = value < 0 ? '#ff4d4f' : value > 0 ? '#52c41a' : ''
-      return h("span", { style: { color } }, row.change);
+      return h('span', { style: { color } }, row.change)
     },
   },
   {
-    title: "Volume",
+    title: 'Volume',
-    key: "volume",
+    key: 'volume',
-    align: "center",
+    align: 'center',
   },
-];
+]
 
 // 处理下拉选项变更
 const handlePeriodChange = (key) => {
-  state.selectedPeriod = key;
+  state.selectedPeriod = key
-  if (key === "Annual") {
+  if (key === 'Annual') {
-    handleDurationChange("Full History");
+    handleDurationChange('Full History')
-    return;
+    return
   }
-  if (key === "Monthly") {
+  if (key === 'Monthly') {
-    handleDurationChange("10 Years");
+    handleDurationChange('10 Years')
-    return;
+    return
   }
-  if (key === "Quarterly") {
+  if (key === 'Quarterly') {
-    handleDurationChange("10 Years");
+    handleDurationChange('10 Years')
-    return;
+    return
+  }
+  getPageData()
 }
-  getPageData();
-};
 
 const handleDurationChange = (key) => {
-  state.selectedDuration = key;
+  state.selectedDuration = key
-  getPageData();
+  state.currentPage = 1
-};
+  getPageData()
+}
 
 // 处理分页
 const handlePrevPage = () => {
   if (state.currentPage === 1) {
-    return;
+    return
+  }
+  state.currentPage--
 }
-  state.currentPage--;
-};
 
 const handleNextPage = () => {
   if (state.currentPage >= totalPages.value) {
-    return;
+    return
+  }
+  state.currentPage++
 }
-  state.currentPage++;
-};
 
 const handlePageSizeChange = (size) => {
-  state.pageSize = size;
+  state.pageSize = size
-  state.currentPage = 1; // 重置到第一页
+  state.currentPage = 1 // 重置到第一页
-};
+}
 
 // 回到顶部
 const scrollToTop = () => {
   // 尝试多种方法
   // 1. 使用document.body
-  document.body.scrollTop = 0;
+  document.body.scrollTop = 0
   // 2. 使用document.documentElement (HTML元素)
-  document.documentElement.scrollTop = 0;
+  document.documentElement.scrollTop = 0
   // 3. 使用scrollIntoView
-  document.querySelector(".historic-data-container").scrollIntoView({
+  document.querySelector('.historic-data-container').scrollIntoView({
-    behavior: "smooth",
+    behavior: 'smooth',
-    block: "start",
+    block: 'start',
-  });
+  })
-};
+}
 onMounted(() => {
-  getPageData();
+  getPageData()
-});
+})
 
 const getPageDefaultData = async () => {
   try {
     let url =
-      "https://stockanalysis.com/api/symbol/a/OTC-MINM/history?type=chart";
+      'https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=Daily&range=3M'
-    const res = await axios.get(url);
+    const res = await axios.get(url)
-    let originalData = res.data.data;
+    let originalData = res.data.data
 
     // 转换为日期格式："Nov 26, 2024"
     let calcApiData = originalData.map((item) => [
-      new Date(item[0]).toLocaleDateString("en-US", {
+      new Date(item[0]).toLocaleDateString('en-US', {
-        month: "short",
+        month: 'short',
-        day: "numeric",
+        day: 'numeric',
-        year: "numeric",
+        year: 'numeric',
       }),
       item[1],
-    ]);
+    ])
-    console.log("接口数据", calcApiData);
+    // console.log('接口数据', calcApiData)
 
     // 使用API数据更新defaultTableData中的close和adjClose值
     const updatedTableData = defaultTableData.map((tableItem) => {
       // 查找对应日期的API数据
       const matchedApiData = calcApiData.find(
-        (apiItem) => apiItem[0] === tableItem.date
+        (apiItem) => apiItem[0] === tableItem.date,
-      );
+      )
 
       if (matchedApiData) {
         // 更新close和adjClose值
@@ -287,56 +288,100 @@ const getPageDefaultData = async () => {
           ...tableItem,
           close: matchedApiData[1].toFixed(2),
           adjClose: matchedApiData[1].toFixed(2),
-        };
         }
-      return tableItem;
+      }
-    });
+      return tableItem
+    })
 
-    state.tableData = updatedTableData;
+    state.tableData = updatedTableData
   } catch (error) {
-    console.error("获取数据失败", error);
+    // console.error('获取数据失败', error)
+  }
 }
-};
 const getPageData = async () => {
-  let range = "";
+  let range = ''
-  if (state.selectedDuration === "3 Months") {
+  let now = new Date()
-    range = "3M";
+  const last = new Date(now)
-  } else if (state.selectedDuration === "6 Months") {
+  last.setMonth(now.getMonth() - 6)
-    range = "6M";
+  let fromDate = last
-  } else if (state.selectedDuration === "Year to Date") {
+  let toDate =
-    range = "YTD";
+    now.getFullYear() +
-  } else if (state.selectedDuration === "1 Year") {
+    '-' +
-    range = "1Y";
+    String(now.getMonth() + 1).padStart(2, '0') +
-  } else if (state.selectedDuration === "5 Years") {
+    '-' +
-    range = "5Y";
+    String(now.getDate()).padStart(2, '0')
-  } else if (state.selectedDuration === "10 Years") {
+  if (state.selectedDuration === '3 Months') {
-    range = "10Y";
+    range = '3M'
-  } else if (state.selectedDuration === "Full History") {
+    const last = new Date(now)
-    range = "Max";
+    last.setMonth(now.getMonth() - 3)
+    fromDate = last
+  } else if (state.selectedDuration === '6 Months') {
+    range = '6M'
+    const last = new Date(now)
+    last.setMonth(now.getMonth() - 6)
+    fromDate = last
+  } else if (state.selectedDuration === 'Year to Date') {
+    range = 'YTD'
+    fromDate = new Date(now.getFullYear(), 0, 1)
+  } else if (state.selectedDuration === '1 Year') {
+    range = '1Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 1)
+    fromDate = last
+  } else if (state.selectedDuration === '5 Years') {
+    range = '5Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 5)
+    fromDate = last
+  } else if (state.selectedDuration === '10 Years') {
+    range = '10Y'
+    const last = new Date(now)
+    last.setFullYear(now.getFullYear() - 10)
+    fromDate = last
+  } else if (state.selectedDuration === 'Full History') {
+    range = 'Max'
+    fromDate = new Date('2009-10-07')
   }
-  let url = `https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=${state.selectedPeriod}&range=${range}`;
+  let finalFromDate =
-  const res = await axios.get(url);
+    fromDate.getFullYear() +
-  if (res.data.status === 200) {
+    '-' +
+    String(fromDate.getMonth() + 1).padStart(2, '0') +
+    '-' +
+    String(fromDate.getDate()).padStart(2, '0')
+  // let url = `https://stockanalysis.com/api/symbol/a/OTC-MINM/history?period=${state.selectedPeriod}&range=${range}`
+  let url =
+    'https://common.szjixun.cn/api/stock/history/list?from=' +
+    finalFromDate +
+    '&to=' +
+    toDate
+  const res = await axios.get(url)
+  // console.error(res)
+  if (res.status === 200) {
+    if (res.data.status === 0) {
       // 转换为日期格式："Nov 26, 2024"
       let resultData = res.data.data.map((item) => {
         return {
-        date: new Date(item.t).toLocaleDateString("en-US", {
+          date: new Date(item.date).toLocaleDateString('en-US', {
-          month: "short",
+            month: 'short',
-          day: "numeric",
+            day: 'numeric',
-          year: "numeric",
+            year: 'numeric',
           }),
-        open: item.o != null ? Number(item.o).toFixed(2) : "",
+          open: item.open != null ? Number(item.open).toFixed(2) : '',
-        high: item.h != null ? Number(item.h).toFixed(2) : "",
+          high: item.high != null ? Number(item.high).toFixed(2) : '',
-        low: item.l != null ? Number(item.l).toFixed(2) : "",
+          low: item.low != null ? Number(item.low).toFixed(2) : '',
-        close: item.c != null ? Number(item.c).toFixed(2) : "",
+          close: item.close != null ? Number(item.close).toFixed(2) : '',
-        adjClose: item.a != null ? Number(item.a).toFixed(2) : "",
+          adjClose: item.close != null ? Number(item.close).toFixed(2) : '',
-        change: item.ch != null ? Number(item.ch).toFixed(2) + "%" : "",
+          change:
-        volume: item.v,
+            item.changePercent != null
-      };
+              ? Number(item.changePercent).toFixed(2) + '%'
-    });
+              : '',
-    state.tableData = resultData;
+          volume: item.volume,
+        }
+      })
+      state.tableData = resultData
+    }
+  }
 }
-};
 </script>
 
 <style scoped lang="scss">

src/views/myHome/size1440/index.vue

@@ -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> -->
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
-        <!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
+          <div
-        <div style="font-size: 18px">
+            style="
-          <div>May 30, 2025 EDT</div>
+              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 Relisting 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
@@ -109,16 +117,16 @@
                 $t("HOME.CONTAINY.STOCK_INFO.LAST_PRICE")
               }}</span>
               <span style="font-size: 18px" class="data-value"
-                >${{ stockQuote.open }}</span
+                >${{ stockQuote.price }}</span
               >
             </div>
             <div class="data-row">
               <span style="font-size: 18px" class="data-label">{{
                 $t("HOME.CONTAINY.STOCK_INFO.CHANGE")
               }}</span>
-              <span style="font-size: 18px" class="data-value positive"
+              <span style="font-size: 18px" class="data-value positive">{{
-                >{{ stockQuote.change || "--" }}</span
+                stockQuote.change || "--"
-              >
+              }}</span>
             </div>
             <div class="data-row">
               <span style="font-size: 18px" class="data-label">{{
@@ -205,7 +213,18 @@ const { t: $t } = useI18n();
 const contentRef = ref(null);
 const isInView = ref(false);
 let observer = null;
-
+const newList = ref([
+  {
+    time: "June 3, 2025",
+    title: "FiEE, Inc. seized market opportunities through 2025 Osaka Expo",
+    router: "/news",
+  },
+  {
+    time: "June 2, 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) => {
+const handleLink = (routers, index) => {
-  router.push(link);
+  router.push({
+    path: routers,
+    query: {
+      date: index,
+    },
+  });
 };
 </script>
 

src/views/myHome/size1920/index.vue

@@ -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> -->
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
-        <!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
+          <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>
+                {{ item.title }}
-
+              </div>
-          <div style="font-size: 18px">
-            FiEE, Inc. Announces Relisting on Nasdaq
             </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
@@ -106,15 +113,15 @@
               <span class="data-label">{{
                 $t("HOME.CONTAINY.STOCK_INFO.LAST_PRICE")
               }}</span>
-              <span class="data-value">${{ stockQuote.open }}</span>
+              <span class="data-value">${{ stockQuote.price }}</span>
             </div>
             <div class="data-row">
               <span class="data-label">{{
                 $t("HOME.CONTAINY.STOCK_INFO.CHANGE")
               }}</span>
-              <span class="data-value positive"
+              <span class="data-value positive">{{
-                >{{ stockQuote.change || "--" }}</span
+                stockQuote.change || "--"
-              >
+              }}</span>
             </div>
             <div class="data-row">
               <span class="data-label">{{
@@ -192,6 +199,19 @@ getStockQuate();
 // 示例数据
 const sampleDate = ref(formatted);
 
+const newList = ref([
+  {
+    time: "June 3, 2025",
+    title: "FiEE, Inc. seized market opportunities through 2025 Osaka Expo",
+    router: "/news",
+  },
+  {
+    time: "June 2, 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) => {
+const handleLink = (routers, index) => {
-  router.push(link);
+  router.push({
+    path: routers,
+    query: {
+      date: index,
+    },
+  });
 };
 </script>
 

src/views/myHome/size375/index.vue

@@ -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> -->
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
-        <!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
+          <div
-        <div style="font-size: 18px">
+            style="
-          <div>May 30, 2025 EDT</div>
+              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 Relisting on Nasdaq
+                {{ item.title }}
+              </div>
             </div>
 
             <div
               style="font-size: 18px"
-            class="cursor-pointer mt-[20px]"
+              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
@@ -109,16 +117,16 @@
                 $t("HOME.CONTAINY.STOCK_INFO.LAST_PRICE")
               }}</span>
               <span style="font-size: 18px" class="data-value"
-                >${{ stockQuote.open }}</span
+                >${{ stockQuote.price }}</span
               >
             </div>
             <div class="data-row">
               <span style="font-size: 18px" class="data-label">{{
                 $t("HOME.CONTAINY.STOCK_INFO.CHANGE")
               }}</span>
-              <span style="font-size: 18px" class="data-value positive"
+              <span style="font-size: 18px" class="data-value positive">{{
-                >{{ stockQuote.change || "--" }}</span
+                stockQuote.change || "--"
-              >
+              }}</span>
             </div>
             <div class="data-row">
               <span style="font-size: 18px" class="data-label">{{
@@ -203,7 +211,18 @@ const { t: $t } = useI18n();
 const contentRef = ref(null);
 const isInView = ref(false);
 let observer = null;
-
+const newList = ref([
+  {
+    time: "June 3, 2025",
+    title: "FiEE, Inc. seized market opportunities through 2025 Osaka Expo",
+    router: "/news",
+  },
+  {
+    time: "June 2, 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) => {
+const handleLink = (routers, index) => {
-  router.push(link);
+  router.push({
+    path: routers,
+    query: {
+      date: index,
+    },
+  });
 };
 </script>
 

src/views/myHome/size768/index.vue

@@ -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> -->
+        <div style="margin-bottom: 20px" v-for="(item, index) in newList">
-        <!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
+          <div
-        <div style="font-size: 18px">
+            style="
-          <div>May 30, 2025 EDT</div>
+              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 Relisting on Nasdaq
+                {{ item.title }}
               </div>
+            </div>
+
             <div
               style="font-size: 18px"
-            class="cursor-pointer mt-[10px]"
+              class="cursor-pointer"
-            @click="handleLink('/news')"
+              @click="handleLink(item.router, item.time)"
             >
               View Press Release<img
                 class="ml-[10px]"
@@ -86,6 +94,7 @@
             </div>
           </div>
         </div>
+      </div>
     </section>
     <!-- 新增：股票信息与活动预告双栏模块 -->
     <section
@@ -108,16 +117,16 @@
                 $t("HOME.CONTAINY.STOCK_INFO.LAST_PRICE")
               }}</span>
               <span style="font-size: 18px" class="data-value"
-                >${{ stockQuote.open }}</span
+                >${{ stockQuote.price }}</span
               >
             </div>
             <div class="data-row">
               <span style="font-size: 18px" class="data-label">{{
                 $t("HOME.CONTAINY.STOCK_INFO.CHANGE")
               }}</span>
-              <span style="font-size: 18px" class="data-value positive"
+              <span style="font-size: 18px" class="data-value positive">{{
-                >{{ stockQuote.change || "--" }}</span
+                stockQuote.change || "--"
-              >
+              }}</span>
             </div>
             <div class="data-row">
               <span style="font-size: 18px" class="data-label">{{
@@ -230,6 +239,18 @@ onMounted(() => {
     isInView.value = true;
   }
 });
+const newList = ref([
+  {
+    time: "June 3, 2025",
+    title: "FiEE, Inc. seized market opportunities through 2025 Osaka Expo",
+    router: "/news",
+  },
+  {
+    time: "June 2, 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) => {
+const handleLink = (routers, index) => {
-  router.push(link);
+  router.push({
+    path: routers,
+    query: {
+      date: index,
+    },
+  });
 };
 </script>
 

src/views/news/size1440/index.vue

@@ -1,110 +1,359 @@
 <template>
   <div class="page-container">
-    <p style="font-size: 24px">
+    <template v-if="state.date === 'May 30, 2025'">
-      <strong>FiEE, Inc. Announces Relisting on Nasdaq</strong>
+      <h2>
-    </p>
+        <strong>FiEE, Inc. Announces Reinitiation of Trading on Nasdaq</strong>
+      </h2>
       <p>May 30, 2025</p>
       <p>
-      <em>Company will resume trading under its existing symbols “MINM” </em>
+        <em>Company will resume trading under its existing symbol "MINM"</em>
       </p>
       <p>
-      <strong>Hong Kong, May 30, 2025 </strong>— FiEE, Inc. (“FiEE, Inc.” or the
+        <strong>Hong Kong, May 30, 2025 </strong>— FiEE, Inc. (“FiEE, Inc.” or
-      “Company”), a technology company integrating IoT, connectivity and AI to
+        the “Company”), a technology company integrating IoT, connectivity and
-      redefine brand management solutions in the digital era, is pleased to
+        AI to redefine brand management solutions in the digital era, is pleased
-      announce that The Nasdaq Stock Market LLC (“Nasdaq”) has approved its
+        to announce that following a hearing before the Nasdaq Hearings Panel
-      application for the relisting of the Company’s ordinary shares. Trading is
+        (the “Panel”) on May 13, 2025, the Panel issued a decision on May 29,
-      expected to commence on Nasdaq at the opening of trading on Monday, 2
+        2025, stating that Nasdaq will reinstate trading of the Company's common
-      June, 2025 under the ticker symbol “MINM”.
+        stock on the Nasdaq Capital Market at the open of business on Monday,
+        June 2, 2025 under the ticker symbol "MINM".
       </p>
       <p>
         <strong>Rafael Li, Chief Executive Officer of FiEE, </strong>commented,
-      "We are honored to announce our successful relisting on Nasdaq, a
+        "We are honored to announce the reinitiation of trading of our common
-      significant milestone that reflects our unwavering commitment to
+        stock on Nasdaq, a significant milestone that reflects our unwavering
-      operational excellence and strategic growth. We extend our sincere
+        commitment to operational excellence and strategic growth. We extend our
-      gratitude to the Nasdaq team for their prompt review and approval of our
+        sincere gratitude to the Nasdaq team for their prompt review and
-      application, affirming our compliance with all initial listing criteria.
+        approval of our request, affirming our compliance with all applicable
+        criteria for continued listing on the Nasdaq Capital Market.
       </p>
       <p>
         FiEE, Inc. is currently undergoing a strategic transformation aimed at
-      capitalizing on broader market opportunities. Central to this evolution is
+        capitalizing on broader market opportunities. Central to this evolution
-      our integrated approach, where cyber-hardened IoT connectivity converges
+        is our integrated approach, where cyber-hardened IoT connectivity
-      with AI-driven content creation and audience targeting. This synergy is
+        converges with AI-driven content creation and audience targeting. This
-      designed to empower Key Opinion Leaders (KOLs) and brands to achieve
+        synergy is designed to empower Key Opinion Leaders (KOLs) and brands to
-      accelerated growth and deeper audience engagement. Leveraging
+        achieve accelerated growth and deeper audience engagement. Leveraging
-      IoT-connectivity solutions, AI and big data analytics, we are capable to
+        IoT-connectivity solutions, AI and big data analytics, we are capable of
-      deliver intelligent, multimedia and multilingual contents tailored to
+        delivering intelligent, multimedia and multilingual content tailored to
         diverse audiences. Coupling with AI targeting analysis, we enhance
-      audience targeting capabilities, ensuring effective content placement and
+        audience targeting capabilities, ensuring effective content placement
-      personalized promotions.
+        and personalized promotions.
       </p>
       <p>
         As we advance, our focus remains on continuous innovation and strategic
-      initiatives that drive long-term growth and shareholder value.”
+        initiatives that drive long- term growth and shareholder value."
       </p>
-    <p><strong>About FiEE, Inc.</strong></p>
+      <h3>About FiEE, Inc.</h3>
       <p>
-      FiEE, Inc., (NASDAQ: MINM), formerly Minim, Inc., was founded in 1977. It
+        FiEE, Inc. (NASDAQ: MINM), formerly Minim, Inc., was founded in 1977. It
-      has a historical track record of delivering comprehensive WiFi/Software as
+        has a historical track record of delivering comprehensive WiFi/Software
-      a Service platform in the market. After years of development, it made the
+        as a Service platform in the market. After years of development, it made
-      strategic decision to transition to a Software First Model in 2023 to
+        the strategic decision to transition to a Software First Model in 2023
-      expand our technology portfolio and revenue streams. In 2025, FiEE, Inc.
+        to expand our technology portfolio and revenue streams. In 2025, FiEE,
-      rebranded itself as a technology company leveraging the expertise in IoT,
+        Inc. rebranded itself as a technology company leveraging the expertise
-      connectivity, and artificial intelligence ("AI") to explore new business
+        in IoT, connectivity, and artificial intelligence ("AI") to explore new
-      prospects and extend our global footprint.
+        business prospects and extend our global footprint.
       </p>
       <p>
         Our services are structured into four key categories: Cloud-Managed
         Connectivity (WiFi) Platform, IoT Hardware Sales &amp; Licensing, SAAS
-      Solutions, and Professional To-C and To-B Services &amp; Support. Notably,
+        Solutions, and Professional To-C and To-B Services &amp; Support.
-      we have introduced our innovative Software as a Service ("SaaS")
+        Notably, we have introduced our innovative Software as a Service
-      solutions, which integrate our AI and data analytics capabilities into
+        ("SaaS") solutions, which integrate our AI and data analytics
-      content creation and brand management. This initiative has led to the
+        capabilities into content creation and brand management. This initiative
-      nurturing of a robust pool of Key Opinion Leaders (KOLs) on major social
+        has led to the nurturing of a robust pool of Key Opinion Leaders (KOLs)
-      media platforms worldwide, assisting them in developing, managing, and
+        on major social media platforms worldwide, assisting them in developing,
-      optimizing their digital presence across global platforms. Our services
+        managing, and optimizing their digital presence across global platforms.
-      include customized graphics and posts, short videos, and editorial
+        Our services include customized graphics and posts, short videos, and
-      calendars tailored to align with brand objectives.
+        editorial calendars tailored to align with brand objectives.
+      </p>
+      <h3>Forward-Looking Statements</h3>
+      <p>
+        This communication contains forward-looking statements which include,
+        but are not limited to, statements regarding the Company's listing of
+        its common stock on Nasdaq; the impact of the listing; the Company's
+        business strategy, including its strategic transformation; and the
+        Company's ability to drive long-term growth and shareholder value. These
+        forward-looking statements are subject to the safe harbor provisions
+        under the Private Securities Litigation Reform Act of 1995. The
+        Company's expectations and beliefs regarding these matters may not
+        materialize. Actual outcomes and results may differ materially from
+        those contemplated by these forward-looking statements as a result of
+        uncertainties, risks, and changes in circumstances, including but not
+        limited to risks and uncertainties related to: the ability of the
+        Company to maintain compliance with the Nasdaq continued listing
+        standards; the impact of fluctuations in global financial markets on the
+        Company's business and the actions it may take in response thereto; the
+        Company's ability to execute its plans and strategies; and the impact of
+        government laws and regulations. Additional risks and uncertainties that
+        could cause actual outcomes and results to differ materially from those
+        contemplated by the forward- looking statements are included under the
+        caption "Risk Factors" in the Company's Quarterly Report on Form 10-Q
+        for the quarter ended March 31, 2025 and elsewhere in the Company's
+        subsequent reports on Form 10-K, Form 10-Q or Form 8-K filed with the
+        U.S. Securities and Exchange Commission from time to time and available
+        at
+        <a href="http://www.sec.gov/">www.sec.gov.</a>
+      </p>
+      <div><strong>Media </strong></div>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
+    <template v-if="state.date === 'June 2, 2025'">
+      <h2>
+        <strong>FiEE, Inc. Closes Its First Day of Trading on NASDAQ </strong>
+      </h2>
+      <p>June 2, 2025</p>
+      <p><em>Company resumed trading under its existing symbol "MINM" </em></p>
+      <p>
+        <strong>Hong Kong, 2 June 2025 </strong>— FiEE, Inc. (NASDAQ:MINM)
+        (“FiEE, Inc.” or the “Company”), a technology company integrating IoT,
+        connectivity and AI to redefine brand management solutions in the
+        digital era, commenced the trading of its common stock on Monday, June
+        2, 2025 on the Nasdaq Capital Market under the ticker symbol "MINM".
+      </p>
+      <p>
+        With the vision of growing Key Opinion Leaders (“KOLs”) in the market,
+        FiEE, Inc. is currently strategically transforming to seize market
+        opportunities with its innovative brand management solutions for the
+        underrecognized talents. Since 2023, FiEE, Inc. has been pivoting to a
+        Software First business model through enhancing its MinimOS cloud
+        platform and API suite for ISPs/OEMs, as well merging with e2Companies
+        to broaden its technology and revenue base. Currently, it is offering
+        multi-faceted IoT-enabled Connectivity Solutions for the talented
+        individuals in the market, including Cloud-Managed Connectivity (WiFi)
+        Platform, IoT Hardware Sales &amp; Licensing, SAAS Solutions, and
+        Professional To-C and To-B Services &amp; Support.
+      </p>
+      <p>
+        With its innovative positioning, FiEE, Inc. is addressing significant
+        challenges faced by talented individuals in the market, such as
+        insufficient promotion channels, overdependence on offline events, and
+        high costs of conventional advertising. It is establishing a
+        comprehensive value ecosystem that offers a secure, diverse and enduring
+        platform for these talents, aiming to elevate their personal brand and
+        influence. Leveraging robust technological foundation on cybersecurity,
+        market analysis, AI and big data analysis, the Company is also
+        positioned to safeguard original creations, digital arts, NFTs and
+        exclusive content for these talented individuals.
+      </p>
+      <p>
+        <strong>Rafael Li, Chief Executive Officer of FiEE, Inc.</strong> added,
+        "We are glad to witness our common stock resumed trading on Nasdaq. In
+        the foreseeable future, I plan to lead the team to continuously enhance
+        our technological capabilities, utilizing AI, big data analysis, and our
+        long-standing IoT-enabled Connectivity Solutions to match potential
+        users in the market and provide them with comprehensive solutions. Our
+        long-term goal is to build a unique KOL community with billions of fans,
+        empowering them to achieve sustained success in the digital landscape.
+        We are confident that with our new positioning, FiEE, Inc. will reach
+        new heights and create long-lasting value for our shareholders.”
+      </p>
+      <p><strong>About FiEE, Inc.</strong></p>
+      <p>
+        FiEE, Inc. (NASDAQ:MINM), formerly Minim, Inc., was founded in 1977. It
+        has a historical track record of delivering comprehensive WiFi/Software
+        as a Service platform in the market. After years of development, it made
+        the strategic decision to transition to a Software First Model in 2023
+        to expand its technology portfolio and revenue streams. In 2025, FiEE,
+        Inc. rebranded itself as a technology company leveraging the expertise
+        in IoT, connectivity, and AI to explore new business prospects and
+        extend its global footprint.
+      </p>
+      <p>
+        FiEE, Inc.'s services are structured into four key categories:
+        Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales &amp;
+        Licensing, SAAS Solutions, and Professional To-C and To-B Services &amp;
+        Support. Notably, FiEE, Inc. has introduced its innovative Software as a
+        Service solutions, which integrate its AI and data analytics
+        capabilities into content creation and brand management. This initiative
+        has led to the nurturing of a robust pool of KOLs on major social media
+        platforms worldwide, assisting them in developing, managing, and
+        optimizing their digital presence across global platforms. FiEE Inc.'s
+        services include customized graphics and posts, short videos, and
+        editorial calendars tailored to align with brand objectives.
       </p>
       <p>
         <strong>Forward-Looking Statements</strong><br />This communication
-      contains forward-looking statements which include, but are not limited to,
+        contains forward-looking statements which include, but are not limited
-      statements regarding the Company’s listing of its ordinary shares on
+        to, statements regarding the Company's listing of its common stock on
-      Nasdaq; the impact of the listing; the Company’s business strategy,
+        Nasdaq; the impact of the listing; the Company's business strategy,
-      including its strategic transformation; and the Company’s ability to drive
+        including its strategic transformation; and the Company's ability to
-      long-term growth and shareholder value. These forward-looking statements
+        drive long-term growth and shareholder value. These forward-looking
-      are subject to the safe harbor provisions under the Private Securities
+        statements are subject to the safe harbor provisions under the Private
-      Litigation Reform Act of 1995. The Company’s expectations and beliefs
+        Securities Litigation Reform Act of 1995. The Company's expectations and
-      regarding these matters may not materialize. Actual outcomes and results
+        beliefs regarding these matters may not materialize. Actual outcomes and
-      may differ materially from those contemplated by these forward-looking
+        results may differ materially from those contemplated by these
-      statements as a result of uncertainties, risks, and changes in
+        forward-looking statements as a result of uncertainties, risks, and
-      circumstances, including but not limited to risks and uncertainties
+        changes in circumstances, including but not limited to risks and
-      related to: the ability of the Company to maintain compliance with the
+        uncertainties related to: the ability of the Company to maintain
-      Nasdaq continued listing standards; the impact of fluctuations in global
+        compliance with the Nasdaq continued listing standards; the impact of
-      financial markets on the Company’s business and the actions it may take in
+        fluctuations in global financial markets on the Company's business and
-      response thereto; the Company’s ability to execute its plans and
+        the actions it may take in response thereto; the Company's ability to
-      strategies; and the impact of government laws and regulations. Additional
+        execute its plans and strategies; and the impact of government laws and
-      risks and uncertainties that could cause actual outcomes and results to
+        regulations. Additional risks and uncertainties that could cause actual
-      differ materially from those contemplated by the forward-looking
+        outcomes and results to differ materially from those contemplated by the
-      statements are included under the caption “Risk Factors” in the Company’s
+        forward-looking statements are included under the caption "Risk Factors"
-      Quarterly Report on Form 10-Q for the quarter ended March 31, 2025 and
+        in the Company's Quarterly Report on Form 10-Q for the quarter ended
-      elsewhere in the Company’s subsequent reports on Form 10-K, Form 10-Q or
+        March 31, 2025 and elsewhere in the Company's subsequent reports on Form
-      Form 8-K filed with the U.S. Securities and Exchange Commission from time
+        10-K, Form 10-Q or Form 8-K filed with the U.S. Securities and Exchange
-      to time and available at www.sec.gov.
+        Commission from time to time and available at www.sec.gov.
       </p>
-    <p><strong>Media</strong></p>
+
-    <p><a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a></p>
+      <div><strong>Media </strong></div>
-    <p>Source: FiEE, Inc.</p>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
+    <template v-if="state.date === 'June 3, 2025'">
+      <h2>
+        <strong
+          >FiEE, Inc. seized market opportunities through 2025 Osaka
+          Expo</strong
+        >
+      </h2>
+      <p>3 June, 2025</p>
+      <p>
+        <strong>Hong Kong, 3 June 2025 </strong>— FiEE, Inc. (NASDAQ:MINM)
+        (“FiEE, Inc.” or the “Company”), a technology company integrating IoT,
+        connectivity and AI to redefine brand management solutions in the
+        digital era, is pleased to announce significant business updates.
+      </p>
+      <p>
+        Recently, FiEE, Inc. has entered into a strategic agency and cooperation
+        agreement with Beijing Yilian World Expo Business Management Group Co.,
+        Ltd. (“Beijing Yilian”). The Company is appointed as the agent to
+        introduce businesses to participate in the international trade fair held
+        at INTEX Osaka. The trade fair will be held from mid-June to August
+        2025, featuring a diverse range of categories, including International
+        Wine, Food and Equipment; International Leather and Footwear;
+        International Tea, Ceramics, Jewelry, Watches, Crafts and Art;
+        International Hardware, Building Materials and Interior Decoration;
+        International New Energy and Emerging Industries Technology.
+      </p>
+      <p>
+        <strong>Rafael Li, Chief Executive Officer of FiEE, Inc.</strong>,
+        commented, “INTEX Osaka is a famous International Trade Fair and
+        Exhibition in Collaboration with the 2025 Osaka Expo. It is expected to
+        draw numerous visitors, presenting a valuable opportunity for marketing
+        and exposure. This strategic cooperation highlights the Company's
+        extensive network resources, facilitating the identification of suitable
+        businesses or Key Opinion Leaders (“KOLs”) to participate in
+        international trade fairs, bolstering their reputation and influence.”
+      </p>
+      <p>
+        In addition, the Company launched its new SaaS products for the talented
+        individuals in March 2025, which is anticipated to generate recurring
+        revenue streams while also scaling rapidly to capture a large customer
+        base over time. The talented individuals subscribing for our SaaS
+        products would gain access to abundant resources, such as brand /
+        product partnership and sponsorship, affiliate marketing and product
+        placement, IP protection services, among others. FiEE Inc. has signed
+        sales contracts with 40 new customers, securing over US$200,000 in
+        expected revenue in less than two months.
+      </p>
+      <p>
+        FiEE, Inc. is currently undergoing a strategic transformation to seize
+        market opportunities with its innovative brand management solutions for
+        underrecognized talents. It is offering multi-faceted IoT-enabled
+        Connectivity Solutions for the talented individuals in the market,
+        including Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales
+        &amp; Licensing, SAAS Solutions, and Professional To-C and To-B Services
+        &amp; Support.
+      </p>
+      <p>
+        With its innovative positioning, FiEE, Inc. is establishing a
+        comprehensive value ecosystem that offers a secure, diverse and enduring
+        platform for the talented individuals, aiming to elevate their personal
+        brand and influence. Leveraging a robust technological foundation on
+        cybersecurity, market analysis, AI and big data analysis, the Company is
+        also positioned to safeguard original creations, digital arts, NFTs and
+        exclusive content for these talented individuals.
+      </p>
+      <p>
+        FiEE, Inc.’s long-term goal is to build a unique KOL community with
+        billions of fans, empowering them to achieve sustained success in the
+        digital landscape. With its new positioning, the Company believes it
+        will reach new heights and create long-lasting value for its
+        shareholders.
+      </p>
+      <p><strong>About FiEE, Inc.</strong></p>
+      <p>
+        FiEE, Inc. (NASDAQ:MINM), formerly Minim, Inc., was founded in 1977. It
+        has a historical track record of delivering comprehensive WiFi/Software
+        as a Service platform in the market. After years of development, it made
+        the strategic decision to transition to a Software First Model in 2023
+        to expand its technology portfolio and revenue streams. In 2025, FiEE,
+        Inc. rebranded itself as a technology company leveraging its expertise
+        in IoT, connectivity, and AI to explore new business prospects and
+        extend its global footprint.
+      </p>
+      <p>
+        FiEE, Inc.’s services are structured into four key categories:
+        Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales &amp;
+        Licensing, SAAS Solutions, and Professional To-C and To-B Services &amp;
+        Support. Notably, FiEE, Inc. has introduced its innovative Software as a
+        Service solutions, which integrate its AI and data analytics
+        capabilities into content creation and brand management. This initiative
+        has led to the nurturing of a robust pool of KOLs on major social media
+        platforms worldwide, assisting them in developing, managing, and
+        optimizing their digital presence across global platforms. FiEE Inc.’s
+        services include customized graphics and posts, short videos, and
+        editorial calendars tailored to align with brand objectives.
+      </p>
+      <p>
+        <strong>Forward-Looking Statements</strong><br />This communication
+        contains forward-looking statements which include, but are not limited
+        to, statements regarding the benefits of the strategic agency and
+        cooperation agreement entered into with Beijing Yilian; the expected
+        success of the Company’s new SaaS products; the Company’s business
+        strategy, including its strategic transformation; and the Company’s
+        ability to drive long-term growth and shareholder value. These
+        forward-looking statements are subject to the safe harbor provisions
+        under the Private Securities Litigation Reform Act of 1995. The
+        Company’s expectations and beliefs regarding these matters may not
+        materialize. Actual outcomes and results may differ materially from
+        those contemplated by these forward-looking statements as a result of
+        uncertainties, risks, and changes in circumstances, including but not
+        limited to risks and uncertainties related to: the ability of the
+        Company to maintain compliance with the Nasdaq continued listing
+        standards; the impact of fluctuations in global financial markets on the
+        Company’s business and the actions it may take in response thereto; the
+        Company’s ability to execute its plans and strategies; and the impact of
+        government laws and regulations. Additional risks and uncertainties that
+        could cause actual outcomes and results to differ materially from those
+        contemplated by the forward-looking statements are included under the
+        caption “Risk Factors” in the Company’s Quarterly Report on Form 10-Q
+        for the quarter ended March 31, 2025 and elsewhere in the Company’s
+        subsequent reports on Form 10-K, Form 10-Q or Form 8-K filed with the
+        U.S. Securities and Exchange Commission from time to time and available
+        at www.sec.gov.
+      </p>
+
+      <div><strong>Media </strong></div>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
   </div>
 </template>
 
 <script setup>
-import { reactive } from "vue";
+import { reactive, onMounted } from "vue";
 import { NSelect, NInput, NButton } from "naive-ui";
+
 import { useI18n } from "vue-i18n";
-
 const { t } = useI18n();
+import { useRoute } from "vue-router";
+const route = useRoute();
 
-const state = reactive({});
+const state = reactive({
+  date: "",
+});
+onMounted(() => {
+  if (route.query.date) {
+    state.date = route.query.date;
+  }
+});
 </script>
 
 <style scoped lang="scss">

src/views/news/size1920/index.vue

@@ -1,112 +1,360 @@
 <template>
   <div class="page-container">
-    <p style="font-size: 24px">
+    <template v-if="state.date === 'May 30, 2025'">
-      <strong>FiEE, Inc. Announces Relisting on Nasdaq</strong>
+      <h2>
-    </p>
+        <strong>FiEE, Inc. Announces Reinitiation of Trading on Nasdaq</strong>
+      </h2>
       <p>May 30, 2025</p>
       <p>
-      <em>Company will resume trading under its existing symbols “MINM” </em>
+        <em>Company will resume trading under its existing symbol "MINM"</em>
       </p>
       <p>
-      <strong>Hong Kong, May 30, 2025 </strong>— FiEE, Inc. (“FiEE, Inc.” or the
+        <strong>Hong Kong, May 30, 2025 </strong>— FiEE, Inc. (“FiEE, Inc.” or
-      “Company”), a technology company integrating IoT, connectivity and AI to
+        the “Company”), a technology company integrating IoT, connectivity and
-      redefine brand management solutions in the digital era, is pleased to
+        AI to redefine brand management solutions in the digital era, is pleased
-      announce that The Nasdaq Stock Market LLC (“Nasdaq”) has approved its
+        to announce that following a hearing before the Nasdaq Hearings Panel
-      application for the relisting of the Company’s ordinary shares. Trading is
+        (the “Panel”) on May 13, 2025, the Panel issued a decision on May 29,
-      expected to commence on Nasdaq at the opening of trading on Monday, 2
+        2025, stating that Nasdaq will reinstate trading of the Company's common
-      June, 2025 under the ticker symbol “MINM”.
+        stock on the Nasdaq Capital Market at the open of business on Monday,
+        June 2, 2025 under the ticker symbol "MINM".
       </p>
       <p>
         <strong>Rafael Li, Chief Executive Officer of FiEE, </strong>commented,
-      "We are honored to announce our successful relisting on Nasdaq, a
+        "We are honored to announce the reinitiation of trading of our common
-      significant milestone that reflects our unwavering commitment to
+        stock on Nasdaq, a significant milestone that reflects our unwavering
-      operational excellence and strategic growth. We extend our sincere
+        commitment to operational excellence and strategic growth. We extend our
-      gratitude to the Nasdaq team for their prompt review and approval of our
+        sincere gratitude to the Nasdaq team for their prompt review and
-      application, affirming our compliance with all initial listing criteria.
+        approval of our request, affirming our compliance with all applicable
+        criteria for continued listing on the Nasdaq Capital Market.
       </p>
       <p>
         FiEE, Inc. is currently undergoing a strategic transformation aimed at
-      capitalizing on broader market opportunities. Central to this evolution is
+        capitalizing on broader market opportunities. Central to this evolution
-      our integrated approach, where cyber-hardened IoT connectivity converges
+        is our integrated approach, where cyber-hardened IoT connectivity
-      with AI-driven content creation and audience targeting. This synergy is
+        converges with AI-driven content creation and audience targeting. This
-      designed to empower Key Opinion Leaders (KOLs) and brands to achieve
+        synergy is designed to empower Key Opinion Leaders (KOLs) and brands to
-      accelerated growth and deeper audience engagement. Leveraging
+        achieve accelerated growth and deeper audience engagement. Leveraging
-      IoT-connectivity solutions, AI and big data analytics, we are capable to
+        IoT-connectivity solutions, AI and big data analytics, we are capable of
-      deliver intelligent, multimedia and multilingual contents tailored to
+        delivering intelligent, multimedia and multilingual content tailored to
         diverse audiences. Coupling with AI targeting analysis, we enhance
-      audience targeting capabilities, ensuring effective content placement and
+        audience targeting capabilities, ensuring effective content placement
-      personalized promotions.
+        and personalized promotions.
       </p>
       <p>
         As we advance, our focus remains on continuous innovation and strategic
-      initiatives that drive long-term growth and shareholder value.”
+        initiatives that drive long- term growth and shareholder value."
       </p>
-    <p><strong>About FiEE, Inc.</strong></p>
+      <h3>About FiEE, Inc.</h3>
       <p>
-      FiEE, Inc., (NASDAQ: MINM), formerly Minim, Inc., was founded in 1977. It
+        FiEE, Inc. (NASDAQ: MINM), formerly Minim, Inc., was founded in 1977. It
-      has a historical track record of delivering comprehensive WiFi/Software as
+        has a historical track record of delivering comprehensive WiFi/Software
-      a Service platform in the market. After years of development, it made the
+        as a Service platform in the market. After years of development, it made
-      strategic decision to transition to a Software First Model in 2023 to
+        the strategic decision to transition to a Software First Model in 2023
-      expand our technology portfolio and revenue streams. In 2025, FiEE, Inc.
+        to expand our technology portfolio and revenue streams. In 2025, FiEE,
-      rebranded itself as a technology company leveraging the expertise in IoT,
+        Inc. rebranded itself as a technology company leveraging the expertise
-      connectivity, and artificial intelligence ("AI") to explore new business
+        in IoT, connectivity, and artificial intelligence ("AI") to explore new
-      prospects and extend our global footprint.
+        business prospects and extend our global footprint.
       </p>
       <p>
         Our services are structured into four key categories: Cloud-Managed
         Connectivity (WiFi) Platform, IoT Hardware Sales &amp; Licensing, SAAS
-      Solutions, and Professional To-C and To-B Services &amp; Support. Notably,
+        Solutions, and Professional To-C and To-B Services &amp; Support.
-      we have introduced our innovative Software as a Service ("SaaS")
+        Notably, we have introduced our innovative Software as a Service
-      solutions, which integrate our AI and data analytics capabilities into
+        ("SaaS") solutions, which integrate our AI and data analytics
-      content creation and brand management. This initiative has led to the
+        capabilities into content creation and brand management. This initiative
-      nurturing of a robust pool of Key Opinion Leaders (KOLs) on major social
+        has led to the nurturing of a robust pool of Key Opinion Leaders (KOLs)
-      media platforms worldwide, assisting them in developing, managing, and
+        on major social media platforms worldwide, assisting them in developing,
-      optimizing their digital presence across global platforms. Our services
+        managing, and optimizing their digital presence across global platforms.
-      include customized graphics and posts, short videos, and editorial
+        Our services include customized graphics and posts, short videos, and
-      calendars tailored to align with brand objectives.
+        editorial calendars tailored to align with brand objectives.
+      </p>
+      <h3>Forward-Looking Statements</h3>
+      <p>
+        This communication contains forward-looking statements which include,
+        but are not limited to, statements regarding the Company's listing of
+        its common stock on Nasdaq; the impact of the listing; the Company's
+        business strategy, including its strategic transformation; and the
+        Company's ability to drive long-term growth and shareholder value. These
+        forward-looking statements are subject to the safe harbor provisions
+        under the Private Securities Litigation Reform Act of 1995. The
+        Company's expectations and beliefs regarding these matters may not
+        materialize. Actual outcomes and results may differ materially from
+        those contemplated by these forward-looking statements as a result of
+        uncertainties, risks, and changes in circumstances, including but not
+        limited to risks and uncertainties related to: the ability of the
+        Company to maintain compliance with the Nasdaq continued listing
+        standards; the impact of fluctuations in global financial markets on the
+        Company's business and the actions it may take in response thereto; the
+        Company's ability to execute its plans and strategies; and the impact of
+        government laws and regulations. Additional risks and uncertainties that
+        could cause actual outcomes and results to differ materially from those
+        contemplated by the forward- looking statements are included under the
+        caption "Risk Factors" in the Company's Quarterly Report on Form 10-Q
+        for the quarter ended March 31, 2025 and elsewhere in the Company's
+        subsequent reports on Form 10-K, Form 10-Q or Form 8-K filed with the
+        U.S. Securities and Exchange Commission from time to time and available
+        at
+        <a href="http://www.sec.gov/">www.sec.gov.</a>
+      </p>
+      <div><strong>Media </strong></div>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
+    <template v-if="state.date === 'June 2, 2025'">
+      <h2>
+        <strong>FiEE, Inc. Closes Its First Day of Trading on NASDAQ </strong>
+      </h2>
+      <p>June 2, 2025</p>
+      <p><em>Company resumed trading under its existing symbol "MINM" </em></p>
+      <p>
+        <strong>Hong Kong, 2 June 2025 </strong>— FiEE, Inc. (NASDAQ:MINM)
+        (“FiEE, Inc.” or the “Company”), a technology company integrating IoT,
+        connectivity and AI to redefine brand management solutions in the
+        digital era, commenced the trading of its common stock on Monday, June
+        2, 2025 on the Nasdaq Capital Market under the ticker symbol "MINM".
+      </p>
+      <p>
+        With the vision of growing Key Opinion Leaders (“KOLs”) in the market,
+        FiEE, Inc. is currently strategically transforming to seize market
+        opportunities with its innovative brand management solutions for the
+        underrecognized talents. Since 2023, FiEE, Inc. has been pivoting to a
+        Software First business model through enhancing its MinimOS cloud
+        platform and API suite for ISPs/OEMs, as well merging with e2Companies
+        to broaden its technology and revenue base. Currently, it is offering
+        multi-faceted IoT-enabled Connectivity Solutions for the talented
+        individuals in the market, including Cloud-Managed Connectivity (WiFi)
+        Platform, IoT Hardware Sales &amp; Licensing, SAAS Solutions, and
+        Professional To-C and To-B Services &amp; Support.
+      </p>
+      <p>
+        With its innovative positioning, FiEE, Inc. is addressing significant
+        challenges faced by talented individuals in the market, such as
+        insufficient promotion channels, overdependence on offline events, and
+        high costs of conventional advertising. It is establishing a
+        comprehensive value ecosystem that offers a secure, diverse and enduring
+        platform for these talents, aiming to elevate their personal brand and
+        influence. Leveraging robust technological foundation on cybersecurity,
+        market analysis, AI and big data analysis, the Company is also
+        positioned to safeguard original creations, digital arts, NFTs and
+        exclusive content for these talented individuals.
+      </p>
+      <p>
+        <strong>Rafael Li, Chief Executive Officer of FiEE, Inc.</strong> added,
+        "We are glad to witness our common stock resumed trading on Nasdaq. In
+        the foreseeable future, I plan to lead the team to continuously enhance
+        our technological capabilities, utilizing AI, big data analysis, and our
+        long-standing IoT-enabled Connectivity Solutions to match potential
+        users in the market and provide them with comprehensive solutions. Our
+        long-term goal is to build a unique KOL community with billions of fans,
+        empowering them to achieve sustained success in the digital landscape.
+        We are confident that with our new positioning, FiEE, Inc. will reach
+        new heights and create long-lasting value for our shareholders.”
+      </p>
+      <p><strong>About FiEE, Inc.</strong></p>
+      <p>
+        FiEE, Inc. (NASDAQ:MINM), formerly Minim, Inc., was founded in 1977. It
+        has a historical track record of delivering comprehensive WiFi/Software
+        as a Service platform in the market. After years of development, it made
+        the strategic decision to transition to a Software First Model in 2023
+        to expand its technology portfolio and revenue streams. In 2025, FiEE,
+        Inc. rebranded itself as a technology company leveraging the expertise
+        in IoT, connectivity, and AI to explore new business prospects and
+        extend its global footprint.
+      </p>
+      <p>
+        FiEE, Inc.'s services are structured into four key categories:
+        Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales &amp;
+        Licensing, SAAS Solutions, and Professional To-C and To-B Services &amp;
+        Support. Notably, FiEE, Inc. has introduced its innovative Software as a
+        Service solutions, which integrate its AI and data analytics
+        capabilities into content creation and brand management. This initiative
+        has led to the nurturing of a robust pool of KOLs on major social media
+        platforms worldwide, assisting them in developing, managing, and
+        optimizing their digital presence across global platforms. FiEE Inc.'s
+        services include customized graphics and posts, short videos, and
+        editorial calendars tailored to align with brand objectives.
       </p>
       <p>
         <strong>Forward-Looking Statements</strong><br />This communication
-      contains forward-looking statements which include, but are not limited to,
+        contains forward-looking statements which include, but are not limited
-      statements regarding the Company’s listing of its ordinary shares on
+        to, statements regarding the Company's listing of its common stock on
-      Nasdaq; the impact of the listing; the Company’s business strategy,
+        Nasdaq; the impact of the listing; the Company's business strategy,
-      including its strategic transformation; and the Company’s ability to drive
+        including its strategic transformation; and the Company's ability to
-      long-term growth and shareholder value. These forward-looking statements
+        drive long-term growth and shareholder value. These forward-looking
-      are subject to the safe harbor provisions under the Private Securities
+        statements are subject to the safe harbor provisions under the Private
-      Litigation Reform Act of 1995. The Company’s expectations and beliefs
+        Securities Litigation Reform Act of 1995. The Company's expectations and
-      regarding these matters may not materialize. Actual outcomes and results
+        beliefs regarding these matters may not materialize. Actual outcomes and
-      may differ materially from those contemplated by these forward-looking
+        results may differ materially from those contemplated by these
-      statements as a result of uncertainties, risks, and changes in
+        forward-looking statements as a result of uncertainties, risks, and
-      circumstances, including but not limited to risks and uncertainties
+        changes in circumstances, including but not limited to risks and
-      related to: the ability of the Company to maintain compliance with the
+        uncertainties related to: the ability of the Company to maintain
-      Nasdaq continued listing standards; the impact of fluctuations in global
+        compliance with the Nasdaq continued listing standards; the impact of
-      financial markets on the Company’s business and the actions it may take in
+        fluctuations in global financial markets on the Company's business and
-      response thereto; the Company’s ability to execute its plans and
+        the actions it may take in response thereto; the Company's ability to
-      strategies; and the impact of government laws and regulations. Additional
+        execute its plans and strategies; and the impact of government laws and
-      risks and uncertainties that could cause actual outcomes and results to
+        regulations. Additional risks and uncertainties that could cause actual
-      differ materially from those contemplated by the forward-looking
+        outcomes and results to differ materially from those contemplated by the
-      statements are included under the caption “Risk Factors” in the Company’s
+        forward-looking statements are included under the caption "Risk Factors"
-      Quarterly Report on Form 10-Q for the quarter ended March 31, 2025 and
+        in the Company's Quarterly Report on Form 10-Q for the quarter ended
-      elsewhere in the Company’s subsequent reports on Form 10-K, Form 10-Q or
+        March 31, 2025 and elsewhere in the Company's subsequent reports on Form
-      Form 8-K filed with the U.S. Securities and Exchange Commission from time
+        10-K, Form 10-Q or Form 8-K filed with the U.S. Securities and Exchange
-      to time and available at www.sec.gov.
+        Commission from time to time and available at www.sec.gov.
       </p>
-    <p><strong>Media</strong></p>
+
-    <p><a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a></p>
+      <div><strong>Media </strong></div>
-    <p>Source: FiEE, Inc.</p>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
+    <template v-if="state.date === 'June 3, 2025'">
+      <h2>
+        <strong
+          >FiEE, Inc. seized market opportunities through 2025 Osaka
+          Expo</strong
+        >
+      </h2>
+      <p>3 June, 2025</p>
+      <p>
+        <strong>Hong Kong, 3 June 2025 </strong>— FiEE, Inc. (NASDAQ:MINM)
+        (“FiEE, Inc.” or the “Company”), a technology company integrating IoT,
+        connectivity and AI to redefine brand management solutions in the
+        digital era, is pleased to announce significant business updates.
+      </p>
+      <p>
+        Recently, FiEE, Inc. has entered into a strategic agency and cooperation
+        agreement with Beijing Yilian World Expo Business Management Group Co.,
+        Ltd. (“Beijing Yilian”). The Company is appointed as the agent to
+        introduce businesses to participate in the international trade fair held
+        at INTEX Osaka. The trade fair will be held from mid-June to August
+        2025, featuring a diverse range of categories, including International
+        Wine, Food and Equipment; International Leather and Footwear;
+        International Tea, Ceramics, Jewelry, Watches, Crafts and Art;
+        International Hardware, Building Materials and Interior Decoration;
+        International New Energy and Emerging Industries Technology.
+      </p>
+      <p>
+        <strong>Rafael Li, Chief Executive Officer of FiEE, Inc.</strong>,
+        commented, “INTEX Osaka is a famous International Trade Fair and
+        Exhibition in Collaboration with the 2025 Osaka Expo. It is expected to
+        draw numerous visitors, presenting a valuable opportunity for marketing
+        and exposure. This strategic cooperation highlights the Company's
+        extensive network resources, facilitating the identification of suitable
+        businesses or Key Opinion Leaders (“KOLs”) to participate in
+        international trade fairs, bolstering their reputation and influence.”
+      </p>
+      <p>
+        In addition, the Company launched its new SaaS products for the talented
+        individuals in March 2025, which is anticipated to generate recurring
+        revenue streams while also scaling rapidly to capture a large customer
+        base over time. The talented individuals subscribing for our SaaS
+        products would gain access to abundant resources, such as brand /
+        product partnership and sponsorship, affiliate marketing and product
+        placement, IP protection services, among others. FiEE Inc. has signed
+        sales contracts with 40 new customers, securing over US$200,000 in
+        expected revenue in less than two months.
+      </p>
+      <p>
+        FiEE, Inc. is currently undergoing a strategic transformation to seize
+        market opportunities with its innovative brand management solutions for
+        underrecognized talents. It is offering multi-faceted IoT-enabled
+        Connectivity Solutions for the talented individuals in the market,
+        including Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales
+        &amp; Licensing, SAAS Solutions, and Professional To-C and To-B Services
+        &amp; Support.
+      </p>
+      <p>
+        With its innovative positioning, FiEE, Inc. is establishing a
+        comprehensive value ecosystem that offers a secure, diverse and enduring
+        platform for the talented individuals, aiming to elevate their personal
+        brand and influence. Leveraging a robust technological foundation on
+        cybersecurity, market analysis, AI and big data analysis, the Company is
+        also positioned to safeguard original creations, digital arts, NFTs and
+        exclusive content for these talented individuals.
+      </p>
+      <p>
+        FiEE, Inc.’s long-term goal is to build a unique KOL community with
+        billions of fans, empowering them to achieve sustained success in the
+        digital landscape. With its new positioning, the Company believes it
+        will reach new heights and create long-lasting value for its
+        shareholders.
+      </p>
+      <p><strong>About FiEE, Inc.</strong></p>
+      <p>
+        FiEE, Inc. (NASDAQ:MINM), formerly Minim, Inc., was founded in 1977. It
+        has a historical track record of delivering comprehensive WiFi/Software
+        as a Service platform in the market. After years of development, it made
+        the strategic decision to transition to a Software First Model in 2023
+        to expand its technology portfolio and revenue streams. In 2025, FiEE,
+        Inc. rebranded itself as a technology company leveraging its expertise
+        in IoT, connectivity, and AI to explore new business prospects and
+        extend its global footprint.
+      </p>
+      <p>
+        FiEE, Inc.’s services are structured into four key categories:
+        Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales &amp;
+        Licensing, SAAS Solutions, and Professional To-C and To-B Services &amp;
+        Support. Notably, FiEE, Inc. has introduced its innovative Software as a
+        Service solutions, which integrate its AI and data analytics
+        capabilities into content creation and brand management. This initiative
+        has led to the nurturing of a robust pool of KOLs on major social media
+        platforms worldwide, assisting them in developing, managing, and
+        optimizing their digital presence across global platforms. FiEE Inc.’s
+        services include customized graphics and posts, short videos, and
+        editorial calendars tailored to align with brand objectives.
+      </p>
+      <p>
+        <strong>Forward-Looking Statements</strong><br />This communication
+        contains forward-looking statements which include, but are not limited
+        to, statements regarding the benefits of the strategic agency and
+        cooperation agreement entered into with Beijing Yilian; the expected
+        success of the Company’s new SaaS products; the Company’s business
+        strategy, including its strategic transformation; and the Company’s
+        ability to drive long-term growth and shareholder value. These
+        forward-looking statements are subject to the safe harbor provisions
+        under the Private Securities Litigation Reform Act of 1995. The
+        Company’s expectations and beliefs regarding these matters may not
+        materialize. Actual outcomes and results may differ materially from
+        those contemplated by these forward-looking statements as a result of
+        uncertainties, risks, and changes in circumstances, including but not
+        limited to risks and uncertainties related to: the ability of the
+        Company to maintain compliance with the Nasdaq continued listing
+        standards; the impact of fluctuations in global financial markets on the
+        Company’s business and the actions it may take in response thereto; the
+        Company’s ability to execute its plans and strategies; and the impact of
+        government laws and regulations. Additional risks and uncertainties that
+        could cause actual outcomes and results to differ materially from those
+        contemplated by the forward-looking statements are included under the
+        caption “Risk Factors” in the Company’s Quarterly Report on Form 10-Q
+        for the quarter ended March 31, 2025 and elsewhere in the Company’s
+        subsequent reports on Form 10-K, Form 10-Q or Form 8-K filed with the
+        U.S. Securities and Exchange Commission from time to time and available
+        at www.sec.gov.
+      </p>
+
+      <div><strong>Media </strong></div>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
   </div>
 </template>
 
 <script setup>
-import { reactive } from "vue";
+import { reactive, onMounted } from "vue";
 import { NSelect, NInput, NButton } from "naive-ui";
+
 import { useI18n } from "vue-i18n";
-
 const { t } = useI18n();
+import { useRoute } from "vue-router";
+const route = useRoute();
 
-const state = reactive({});
+const state = reactive({
+  date: "",
+});
+onMounted(() => {
+  if (route.query.date) {
+    state.date = route.query.date;
+  }
+});
 </script>
-
 <style scoped lang="scss">
 .page-container {
   max-width: 1200px;

src/views/news/size375/index.vue

@@ -1,116 +1,366 @@
 <template>
   <div class="page-container">
-    <p style="font-size: 24px">
+    <template v-if="state.date === 'May 30, 2025'">
-      <strong>FiEE, Inc. Announces Relisting on Nasdaq</strong>
+      <h2>
-    </p>
+        <strong>FiEE, Inc. Announces Reinitiation of Trading on Nasdaq</strong>
+      </h2>
       <p>May 30, 2025</p>
       <p>
-      <em>Company will resume trading under its existing symbols “MINM” </em>
+        <em>Company will resume trading under its existing symbol "MINM"</em>
       </p>
       <p>
-      <strong>Hong Kong, May 30, 2025 </strong>— FiEE, Inc. (“FiEE, Inc.” or the
+        <strong>Hong Kong, May 30, 2025 </strong>— FiEE, Inc. (“FiEE, Inc.” or
-      “Company”), a technology company integrating IoT, connectivity and AI to
+        the “Company”), a technology company integrating IoT, connectivity and
-      redefine brand management solutions in the digital era, is pleased to
+        AI to redefine brand management solutions in the digital era, is pleased
-      announce that The Nasdaq Stock Market LLC (“Nasdaq”) has approved its
+        to announce that following a hearing before the Nasdaq Hearings Panel
-      application for the relisting of the Company’s ordinary shares. Trading is
+        (the “Panel”) on May 13, 2025, the Panel issued a decision on May 29,
-      expected to commence on Nasdaq at the opening of trading on Monday, 2
+        2025, stating that Nasdaq will reinstate trading of the Company's common
-      June, 2025 under the ticker symbol “MINM”.
+        stock on the Nasdaq Capital Market at the open of business on Monday,
+        June 2, 2025 under the ticker symbol "MINM".
       </p>
       <p>
         <strong>Rafael Li, Chief Executive Officer of FiEE, </strong>commented,
-      "We are honored to announce our successful relisting on Nasdaq, a
+        "We are honored to announce the reinitiation of trading of our common
-      significant milestone that reflects our unwavering commitment to
+        stock on Nasdaq, a significant milestone that reflects our unwavering
-      operational excellence and strategic growth. We extend our sincere
+        commitment to operational excellence and strategic growth. We extend our
-      gratitude to the Nasdaq team for their prompt review and approval of our
+        sincere gratitude to the Nasdaq team for their prompt review and
-      application, affirming our compliance with all initial listing criteria.
+        approval of our request, affirming our compliance with all applicable
+        criteria for continued listing on the Nasdaq Capital Market.
       </p>
       <p>
         FiEE, Inc. is currently undergoing a strategic transformation aimed at
-      capitalizing on broader market opportunities. Central to this evolution is
+        capitalizing on broader market opportunities. Central to this evolution
-      our integrated approach, where cyber-hardened IoT connectivity converges
+        is our integrated approach, where cyber-hardened IoT connectivity
-      with AI-driven content creation and audience targeting. This synergy is
+        converges with AI-driven content creation and audience targeting. This
-      designed to empower Key Opinion Leaders (KOLs) and brands to achieve
+        synergy is designed to empower Key Opinion Leaders (KOLs) and brands to
-      accelerated growth and deeper audience engagement. Leveraging
+        achieve accelerated growth and deeper audience engagement. Leveraging
-      IoT-connectivity solutions, AI and big data analytics, we are capable to
+        IoT-connectivity solutions, AI and big data analytics, we are capable of
-      deliver intelligent, multimedia and multilingual contents tailored to
+        delivering intelligent, multimedia and multilingual content tailored to
         diverse audiences. Coupling with AI targeting analysis, we enhance
-      audience targeting capabilities, ensuring effective content placement and
+        audience targeting capabilities, ensuring effective content placement
-      personalized promotions.
+        and personalized promotions.
       </p>
       <p>
         As we advance, our focus remains on continuous innovation and strategic
-      initiatives that drive long-term growth and shareholder value.”
+        initiatives that drive long- term growth and shareholder value."
       </p>
-    <p><strong>About FiEE, Inc.</strong></p>
+      <h3>About FiEE, Inc.</h3>
       <p>
-      FiEE, Inc., (NASDAQ: MINM), formerly Minim, Inc., was founded in 1977. It
+        FiEE, Inc. (NASDAQ: MINM), formerly Minim, Inc., was founded in 1977. It
-      has a historical track record of delivering comprehensive WiFi/Software as
+        has a historical track record of delivering comprehensive WiFi/Software
-      a Service platform in the market. After years of development, it made the
+        as a Service platform in the market. After years of development, it made
-      strategic decision to transition to a Software First Model in 2023 to
+        the strategic decision to transition to a Software First Model in 2023
-      expand our technology portfolio and revenue streams. In 2025, FiEE, Inc.
+        to expand our technology portfolio and revenue streams. In 2025, FiEE,
-      rebranded itself as a technology company leveraging the expertise in IoT,
+        Inc. rebranded itself as a technology company leveraging the expertise
-      connectivity, and artificial intelligence ("AI") to explore new business
+        in IoT, connectivity, and artificial intelligence ("AI") to explore new
-      prospects and extend our global footprint.
+        business prospects and extend our global footprint.
       </p>
       <p>
         Our services are structured into four key categories: Cloud-Managed
         Connectivity (WiFi) Platform, IoT Hardware Sales &amp; Licensing, SAAS
-      Solutions, and Professional To-C and To-B Services &amp; Support. Notably,
+        Solutions, and Professional To-C and To-B Services &amp; Support.
-      we have introduced our innovative Software as a Service ("SaaS")
+        Notably, we have introduced our innovative Software as a Service
-      solutions, which integrate our AI and data analytics capabilities into
+        ("SaaS") solutions, which integrate our AI and data analytics
-      content creation and brand management. This initiative has led to the
+        capabilities into content creation and brand management. This initiative
-      nurturing of a robust pool of Key Opinion Leaders (KOLs) on major social
+        has led to the nurturing of a robust pool of Key Opinion Leaders (KOLs)
-      media platforms worldwide, assisting them in developing, managing, and
+        on major social media platforms worldwide, assisting them in developing,
-      optimizing their digital presence across global platforms. Our services
+        managing, and optimizing their digital presence across global platforms.
-      include customized graphics and posts, short videos, and editorial
+        Our services include customized graphics and posts, short videos, and
-      calendars tailored to align with brand objectives.
+        editorial calendars tailored to align with brand objectives.
+      </p>
+      <h3>Forward-Looking Statements</h3>
+      <p>
+        This communication contains forward-looking statements which include,
+        but are not limited to, statements regarding the Company's listing of
+        its common stock on Nasdaq; the impact of the listing; the Company's
+        business strategy, including its strategic transformation; and the
+        Company's ability to drive long-term growth and shareholder value. These
+        forward-looking statements are subject to the safe harbor provisions
+        under the Private Securities Litigation Reform Act of 1995. The
+        Company's expectations and beliefs regarding these matters may not
+        materialize. Actual outcomes and results may differ materially from
+        those contemplated by these forward-looking statements as a result of
+        uncertainties, risks, and changes in circumstances, including but not
+        limited to risks and uncertainties related to: the ability of the
+        Company to maintain compliance with the Nasdaq continued listing
+        standards; the impact of fluctuations in global financial markets on the
+        Company's business and the actions it may take in response thereto; the
+        Company's ability to execute its plans and strategies; and the impact of
+        government laws and regulations. Additional risks and uncertainties that
+        could cause actual outcomes and results to differ materially from those
+        contemplated by the forward- looking statements are included under the
+        caption "Risk Factors" in the Company's Quarterly Report on Form 10-Q
+        for the quarter ended March 31, 2025 and elsewhere in the Company's
+        subsequent reports on Form 10-K, Form 10-Q or Form 8-K filed with the
+        U.S. Securities and Exchange Commission from time to time and available
+        at
+        <a href="http://www.sec.gov/">www.sec.gov.</a>
+      </p>
+      <div><strong>Media </strong></div>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
+    <template v-if="state.date === 'June 2, 2025'">
+      <h2>
+        <strong>FiEE, Inc. Closes Its First Day of Trading on NASDAQ </strong>
+      </h2>
+      <p>June 2, 2025</p>
+      <p><em>Company resumed trading under its existing symbol "MINM" </em></p>
+      <p>
+        <strong>Hong Kong, 2 June 2025 </strong>— FiEE, Inc. (NASDAQ:MINM)
+        (“FiEE, Inc.” or the “Company”), a technology company integrating IoT,
+        connectivity and AI to redefine brand management solutions in the
+        digital era, commenced the trading of its common stock on Monday, June
+        2, 2025 on the Nasdaq Capital Market under the ticker symbol "MINM".
+      </p>
+      <p>
+        With the vision of growing Key Opinion Leaders (“KOLs”) in the market,
+        FiEE, Inc. is currently strategically transforming to seize market
+        opportunities with its innovative brand management solutions for the
+        underrecognized talents. Since 2023, FiEE, Inc. has been pivoting to a
+        Software First business model through enhancing its MinimOS cloud
+        platform and API suite for ISPs/OEMs, as well merging with e2Companies
+        to broaden its technology and revenue base. Currently, it is offering
+        multi-faceted IoT-enabled Connectivity Solutions for the talented
+        individuals in the market, including Cloud-Managed Connectivity (WiFi)
+        Platform, IoT Hardware Sales &amp; Licensing, SAAS Solutions, and
+        Professional To-C and To-B Services &amp; Support.
+      </p>
+      <p>
+        With its innovative positioning, FiEE, Inc. is addressing significant
+        challenges faced by talented individuals in the market, such as
+        insufficient promotion channels, overdependence on offline events, and
+        high costs of conventional advertising. It is establishing a
+        comprehensive value ecosystem that offers a secure, diverse and enduring
+        platform for these talents, aiming to elevate their personal brand and
+        influence. Leveraging robust technological foundation on cybersecurity,
+        market analysis, AI and big data analysis, the Company is also
+        positioned to safeguard original creations, digital arts, NFTs and
+        exclusive content for these talented individuals.
+      </p>
+      <p>
+        <strong>Rafael Li, Chief Executive Officer of FiEE, Inc.</strong> added,
+        "We are glad to witness our common stock resumed trading on Nasdaq. In
+        the foreseeable future, I plan to lead the team to continuously enhance
+        our technological capabilities, utilizing AI, big data analysis, and our
+        long-standing IoT-enabled Connectivity Solutions to match potential
+        users in the market and provide them with comprehensive solutions. Our
+        long-term goal is to build a unique KOL community with billions of fans,
+        empowering them to achieve sustained success in the digital landscape.
+        We are confident that with our new positioning, FiEE, Inc. will reach
+        new heights and create long-lasting value for our shareholders.”
+      </p>
+      <p><strong>About FiEE, Inc.</strong></p>
+      <p>
+        FiEE, Inc. (NASDAQ:MINM), formerly Minim, Inc., was founded in 1977. It
+        has a historical track record of delivering comprehensive WiFi/Software
+        as a Service platform in the market. After years of development, it made
+        the strategic decision to transition to a Software First Model in 2023
+        to expand its technology portfolio and revenue streams. In 2025, FiEE,
+        Inc. rebranded itself as a technology company leveraging the expertise
+        in IoT, connectivity, and AI to explore new business prospects and
+        extend its global footprint.
+      </p>
+      <p>
+        FiEE, Inc.'s services are structured into four key categories:
+        Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales &amp;
+        Licensing, SAAS Solutions, and Professional To-C and To-B Services &amp;
+        Support. Notably, FiEE, Inc. has introduced its innovative Software as a
+        Service solutions, which integrate its AI and data analytics
+        capabilities into content creation and brand management. This initiative
+        has led to the nurturing of a robust pool of KOLs on major social media
+        platforms worldwide, assisting them in developing, managing, and
+        optimizing their digital presence across global platforms. FiEE Inc.'s
+        services include customized graphics and posts, short videos, and
+        editorial calendars tailored to align with brand objectives.
       </p>
       <p>
         <strong>Forward-Looking Statements</strong><br />This communication
-      contains forward-looking statements which include, but are not limited to,
+        contains forward-looking statements which include, but are not limited
-      statements regarding the Company’s listing of its ordinary shares on
+        to, statements regarding the Company's listing of its common stock on
-      Nasdaq; the impact of the listing; the Company’s business strategy,
+        Nasdaq; the impact of the listing; the Company's business strategy,
-      including its strategic transformation; and the Company’s ability to drive
+        including its strategic transformation; and the Company's ability to
-      long-term growth and shareholder value. These forward-looking statements
+        drive long-term growth and shareholder value. These forward-looking
-      are subject to the safe harbor provisions under the Private Securities
+        statements are subject to the safe harbor provisions under the Private
-      Litigation Reform Act of 1995. The Company’s expectations and beliefs
+        Securities Litigation Reform Act of 1995. The Company's expectations and
-      regarding these matters may not materialize. Actual outcomes and results
+        beliefs regarding these matters may not materialize. Actual outcomes and
-      may differ materially from those contemplated by these forward-looking
+        results may differ materially from those contemplated by these
-      statements as a result of uncertainties, risks, and changes in
+        forward-looking statements as a result of uncertainties, risks, and
-      circumstances, including but not limited to risks and uncertainties
+        changes in circumstances, including but not limited to risks and
-      related to: the ability of the Company to maintain compliance with the
+        uncertainties related to: the ability of the Company to maintain
-      Nasdaq continued listing standards; the impact of fluctuations in global
+        compliance with the Nasdaq continued listing standards; the impact of
-      financial markets on the Company’s business and the actions it may take in
+        fluctuations in global financial markets on the Company's business and
-      response thereto; the Company’s ability to execute its plans and
+        the actions it may take in response thereto; the Company's ability to
-      strategies; and the impact of government laws and regulations. Additional
+        execute its plans and strategies; and the impact of government laws and
-      risks and uncertainties that could cause actual outcomes and results to
+        regulations. Additional risks and uncertainties that could cause actual
-      differ materially from those contemplated by the forward-looking
+        outcomes and results to differ materially from those contemplated by the
-      statements are included under the caption “Risk Factors” in the Company’s
+        forward-looking statements are included under the caption "Risk Factors"
-      Quarterly Report on Form 10-Q for the quarter ended March 31, 2025 and
+        in the Company's Quarterly Report on Form 10-Q for the quarter ended
-      elsewhere in the Company’s subsequent reports on Form 10-K, Form 10-Q or
+        March 31, 2025 and elsewhere in the Company's subsequent reports on Form
-      Form 8-K filed with the U.S. Securities and Exchange Commission from time
+        10-K, Form 10-Q or Form 8-K filed with the U.S. Securities and Exchange
-      to time and available at www.sec.gov.
+        Commission from time to time and available at www.sec.gov.
       </p>
-    <p><strong>Media</strong></p>
+
-    <p><a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a></p>
+      <div><strong>Media </strong></div>
-    <p>Source: FiEE, Inc.</p>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
+
+    <template v-if="state.date === 'June 3, 2025'">
+      <h2>
+        <strong
+          >FiEE, Inc. seized market opportunities through 2025 Osaka
+          Expo</strong
+        >
+      </h2>
+      <p>3 June, 2025</p>
+      <p>
+        <strong>Hong Kong, 3 June 2025 </strong>— FiEE, Inc. (NASDAQ:MINM)
+        (“FiEE, Inc.” or the “Company”), a technology company integrating IoT,
+        connectivity and AI to redefine brand management solutions in the
+        digital era, is pleased to announce significant business updates.
+      </p>
+      <p>
+        Recently, FiEE, Inc. has entered into a strategic agency and cooperation
+        agreement with Beijing Yilian World Expo Business Management Group Co.,
+        Ltd. (“Beijing Yilian”). The Company is appointed as the agent to
+        introduce businesses to participate in the international trade fair held
+        at INTEX Osaka. The trade fair will be held from mid-June to August
+        2025, featuring a diverse range of categories, including International
+        Wine, Food and Equipment; International Leather and Footwear;
+        International Tea, Ceramics, Jewelry, Watches, Crafts and Art;
+        International Hardware, Building Materials and Interior Decoration;
+        International New Energy and Emerging Industries Technology.
+      </p>
+      <p>
+        <strong>Rafael Li, Chief Executive Officer of FiEE, Inc.</strong>,
+        commented, “INTEX Osaka is a famous International Trade Fair and
+        Exhibition in Collaboration with the 2025 Osaka Expo. It is expected to
+        draw numerous visitors, presenting a valuable opportunity for marketing
+        and exposure. This strategic cooperation highlights the Company's
+        extensive network resources, facilitating the identification of suitable
+        businesses or Key Opinion Leaders (“KOLs”) to participate in
+        international trade fairs, bolstering their reputation and influence.”
+      </p>
+      <p>
+        In addition, the Company launched its new SaaS products for the talented
+        individuals in March 2025, which is anticipated to generate recurring
+        revenue streams while also scaling rapidly to capture a large customer
+        base over time. The talented individuals subscribing for our SaaS
+        products would gain access to abundant resources, such as brand /
+        product partnership and sponsorship, affiliate marketing and product
+        placement, IP protection services, among others. FiEE Inc. has signed
+        sales contracts with 40 new customers, securing over US$200,000 in
+        expected revenue in less than two months.
+      </p>
+      <p>
+        FiEE, Inc. is currently undergoing a strategic transformation to seize
+        market opportunities with its innovative brand management solutions for
+        underrecognized talents. It is offering multi-faceted IoT-enabled
+        Connectivity Solutions for the talented individuals in the market,
+        including Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales
+        &amp; Licensing, SAAS Solutions, and Professional To-C and To-B Services
+        &amp; Support.
+      </p>
+      <p>
+        With its innovative positioning, FiEE, Inc. is establishing a
+        comprehensive value ecosystem that offers a secure, diverse and enduring
+        platform for the talented individuals, aiming to elevate their personal
+        brand and influence. Leveraging a robust technological foundation on
+        cybersecurity, market analysis, AI and big data analysis, the Company is
+        also positioned to safeguard original creations, digital arts, NFTs and
+        exclusive content for these talented individuals.
+      </p>
+      <p>
+        FiEE, Inc.’s long-term goal is to build a unique KOL community with
+        billions of fans, empowering them to achieve sustained success in the
+        digital landscape. With its new positioning, the Company believes it
+        will reach new heights and create long-lasting value for its
+        shareholders.
+      </p>
+      <p><strong>About FiEE, Inc.</strong></p>
+      <p>
+        FiEE, Inc. (NASDAQ:MINM), formerly Minim, Inc., was founded in 1977. It
+        has a historical track record of delivering comprehensive WiFi/Software
+        as a Service platform in the market. After years of development, it made
+        the strategic decision to transition to a Software First Model in 2023
+        to expand its technology portfolio and revenue streams. In 2025, FiEE,
+        Inc. rebranded itself as a technology company leveraging its expertise
+        in IoT, connectivity, and AI to explore new business prospects and
+        extend its global footprint.
+      </p>
+      <p>
+        FiEE, Inc.’s services are structured into four key categories:
+        Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales &amp;
+        Licensing, SAAS Solutions, and Professional To-C and To-B Services &amp;
+        Support. Notably, FiEE, Inc. has introduced its innovative Software as a
+        Service solutions, which integrate its AI and data analytics
+        capabilities into content creation and brand management. This initiative
+        has led to the nurturing of a robust pool of KOLs on major social media
+        platforms worldwide, assisting them in developing, managing, and
+        optimizing their digital presence across global platforms. FiEE Inc.’s
+        services include customized graphics and posts, short videos, and
+        editorial calendars tailored to align with brand objectives.
+      </p>
+      <p>
+        <strong>Forward-Looking Statements</strong><br />This communication
+        contains forward-looking statements which include, but are not limited
+        to, statements regarding the benefits of the strategic agency and
+        cooperation agreement entered into with Beijing Yilian; the expected
+        success of the Company’s new SaaS products; the Company’s business
+        strategy, including its strategic transformation; and the Company’s
+        ability to drive long-term growth and shareholder value. These
+        forward-looking statements are subject to the safe harbor provisions
+        under the Private Securities Litigation Reform Act of 1995. The
+        Company’s expectations and beliefs regarding these matters may not
+        materialize. Actual outcomes and results may differ materially from
+        those contemplated by these forward-looking statements as a result of
+        uncertainties, risks, and changes in circumstances, including but not
+        limited to risks and uncertainties related to: the ability of the
+        Company to maintain compliance with the Nasdaq continued listing
+        standards; the impact of fluctuations in global financial markets on the
+        Company’s business and the actions it may take in response thereto; the
+        Company’s ability to execute its plans and strategies; and the impact of
+        government laws and regulations. Additional risks and uncertainties that
+        could cause actual outcomes and results to differ materially from those
+        contemplated by the forward-looking statements are included under the
+        caption “Risk Factors” in the Company’s Quarterly Report on Form 10-Q
+        for the quarter ended March 31, 2025 and elsewhere in the Company’s
+        subsequent reports on Form 10-K, Form 10-Q or Form 8-K filed with the
+        U.S. Securities and Exchange Commission from time to time and available
+        at www.sec.gov.
+      </p>
+
+      <div><strong>Media </strong></div>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
   </div>
 </template>
 
 <script setup>
-import { reactive } from "vue";
+import { reactive, onMounted } from "vue";
 import { NSelect, NInput, NButton } from "naive-ui";
+
 import { useI18n } from "vue-i18n";
-
 const { t } = useI18n();
+import { useRoute } from "vue-router";
+const route = useRoute();
 
-const state = reactive({});
+const state = reactive({
+  date: "",
+});
+onMounted(() => {
+  if (route.query.date) {
+    state.date = route.query.date;
+  }
+});
 </script>
 
 <style scoped lang="scss">
 .page-container {
-  max-width: 1200px;
+  max-width: calc(100% - 300px);
   margin: 0 auto;
-  padding: 40px;
+  padding: 20px;
 }
 </style>

src/views/news/size768/index.vue

@@ -1,116 +1,366 @@
 <template>
   <div class="page-container">
-    <p style="font-size: 24px">
+    <template v-if="state.date === 'May 30, 2025'">
-      <strong>FiEE, Inc. Announces Relisting on Nasdaq</strong>
+      <h2>
-    </p>
+        <strong>FiEE, Inc. Announces Reinitiation of Trading on Nasdaq</strong>
+      </h2>
       <p>May 30, 2025</p>
       <p>
-      <em>Company will resume trading under its existing symbols “MINM” </em>
+        <em>Company will resume trading under its existing symbol "MINM"</em>
       </p>
       <p>
-      <strong>Hong Kong, May 30, 2025 </strong>— FiEE, Inc. (“FiEE, Inc.” or the
+        <strong>Hong Kong, May 30, 2025 </strong>— FiEE, Inc. (“FiEE, Inc.” or
-      “Company”), a technology company integrating IoT, connectivity and AI to
+        the “Company”), a technology company integrating IoT, connectivity and
-      redefine brand management solutions in the digital era, is pleased to
+        AI to redefine brand management solutions in the digital era, is pleased
-      announce that The Nasdaq Stock Market LLC (“Nasdaq”) has approved its
+        to announce that following a hearing before the Nasdaq Hearings Panel
-      application for the relisting of the Company’s ordinary shares. Trading is
+        (the “Panel”) on May 13, 2025, the Panel issued a decision on May 29,
-      expected to commence on Nasdaq at the opening of trading on Monday, 2
+        2025, stating that Nasdaq will reinstate trading of the Company's common
-      June, 2025 under the ticker symbol “MINM”.
+        stock on the Nasdaq Capital Market at the open of business on Monday,
+        June 2, 2025 under the ticker symbol "MINM".
       </p>
       <p>
         <strong>Rafael Li, Chief Executive Officer of FiEE, </strong>commented,
-      "We are honored to announce our successful relisting on Nasdaq, a
+        "We are honored to announce the reinitiation of trading of our common
-      significant milestone that reflects our unwavering commitment to
+        stock on Nasdaq, a significant milestone that reflects our unwavering
-      operational excellence and strategic growth. We extend our sincere
+        commitment to operational excellence and strategic growth. We extend our
-      gratitude to the Nasdaq team for their prompt review and approval of our
+        sincere gratitude to the Nasdaq team for their prompt review and
-      application, affirming our compliance with all initial listing criteria.
+        approval of our request, affirming our compliance with all applicable
+        criteria for continued listing on the Nasdaq Capital Market.
       </p>
       <p>
         FiEE, Inc. is currently undergoing a strategic transformation aimed at
-      capitalizing on broader market opportunities. Central to this evolution is
+        capitalizing on broader market opportunities. Central to this evolution
-      our integrated approach, where cyber-hardened IoT connectivity converges
+        is our integrated approach, where cyber-hardened IoT connectivity
-      with AI-driven content creation and audience targeting. This synergy is
+        converges with AI-driven content creation and audience targeting. This
-      designed to empower Key Opinion Leaders (KOLs) and brands to achieve
+        synergy is designed to empower Key Opinion Leaders (KOLs) and brands to
-      accelerated growth and deeper audience engagement. Leveraging
+        achieve accelerated growth and deeper audience engagement. Leveraging
-      IoT-connectivity solutions, AI and big data analytics, we are capable to
+        IoT-connectivity solutions, AI and big data analytics, we are capable of
-      deliver intelligent, multimedia and multilingual contents tailored to
+        delivering intelligent, multimedia and multilingual content tailored to
         diverse audiences. Coupling with AI targeting analysis, we enhance
-      audience targeting capabilities, ensuring effective content placement and
+        audience targeting capabilities, ensuring effective content placement
-      personalized promotions.
+        and personalized promotions.
       </p>
       <p>
         As we advance, our focus remains on continuous innovation and strategic
-      initiatives that drive long-term growth and shareholder value.”
+        initiatives that drive long- term growth and shareholder value."
       </p>
-    <p><strong>About FiEE, Inc.</strong></p>
+      <h3>About FiEE, Inc.</h3>
       <p>
-      FiEE, Inc., (NASDAQ: MINM), formerly Minim, Inc., was founded in 1977. It
+        FiEE, Inc. (NASDAQ: MINM), formerly Minim, Inc., was founded in 1977. It
-      has a historical track record of delivering comprehensive WiFi/Software as
+        has a historical track record of delivering comprehensive WiFi/Software
-      a Service platform in the market. After years of development, it made the
+        as a Service platform in the market. After years of development, it made
-      strategic decision to transition to a Software First Model in 2023 to
+        the strategic decision to transition to a Software First Model in 2023
-      expand our technology portfolio and revenue streams. In 2025, FiEE, Inc.
+        to expand our technology portfolio and revenue streams. In 2025, FiEE,
-      rebranded itself as a technology company leveraging the expertise in IoT,
+        Inc. rebranded itself as a technology company leveraging the expertise
-      connectivity, and artificial intelligence ("AI") to explore new business
+        in IoT, connectivity, and artificial intelligence ("AI") to explore new
-      prospects and extend our global footprint.
+        business prospects and extend our global footprint.
       </p>
       <p>
         Our services are structured into four key categories: Cloud-Managed
         Connectivity (WiFi) Platform, IoT Hardware Sales &amp; Licensing, SAAS
-      Solutions, and Professional To-C and To-B Services &amp; Support. Notably,
+        Solutions, and Professional To-C and To-B Services &amp; Support.
-      we have introduced our innovative Software as a Service ("SaaS")
+        Notably, we have introduced our innovative Software as a Service
-      solutions, which integrate our AI and data analytics capabilities into
+        ("SaaS") solutions, which integrate our AI and data analytics
-      content creation and brand management. This initiative has led to the
+        capabilities into content creation and brand management. This initiative
-      nurturing of a robust pool of Key Opinion Leaders (KOLs) on major social
+        has led to the nurturing of a robust pool of Key Opinion Leaders (KOLs)
-      media platforms worldwide, assisting them in developing, managing, and
+        on major social media platforms worldwide, assisting them in developing,
-      optimizing their digital presence across global platforms. Our services
+        managing, and optimizing their digital presence across global platforms.
-      include customized graphics and posts, short videos, and editorial
+        Our services include customized graphics and posts, short videos, and
-      calendars tailored to align with brand objectives.
+        editorial calendars tailored to align with brand objectives.
+      </p>
+      <h3>Forward-Looking Statements</h3>
+      <p>
+        This communication contains forward-looking statements which include,
+        but are not limited to, statements regarding the Company's listing of
+        its common stock on Nasdaq; the impact of the listing; the Company's
+        business strategy, including its strategic transformation; and the
+        Company's ability to drive long-term growth and shareholder value. These
+        forward-looking statements are subject to the safe harbor provisions
+        under the Private Securities Litigation Reform Act of 1995. The
+        Company's expectations and beliefs regarding these matters may not
+        materialize. Actual outcomes and results may differ materially from
+        those contemplated by these forward-looking statements as a result of
+        uncertainties, risks, and changes in circumstances, including but not
+        limited to risks and uncertainties related to: the ability of the
+        Company to maintain compliance with the Nasdaq continued listing
+        standards; the impact of fluctuations in global financial markets on the
+        Company's business and the actions it may take in response thereto; the
+        Company's ability to execute its plans and strategies; and the impact of
+        government laws and regulations. Additional risks and uncertainties that
+        could cause actual outcomes and results to differ materially from those
+        contemplated by the forward- looking statements are included under the
+        caption "Risk Factors" in the Company's Quarterly Report on Form 10-Q
+        for the quarter ended March 31, 2025 and elsewhere in the Company's
+        subsequent reports on Form 10-K, Form 10-Q or Form 8-K filed with the
+        U.S. Securities and Exchange Commission from time to time and available
+        at
+        <a href="http://www.sec.gov/">www.sec.gov.</a>
+      </p>
+      <div><strong>Media </strong></div>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
+    <template v-if="state.date === 'June 2, 2025'">
+      <h2>
+        <strong>FiEE, Inc. Closes Its First Day of Trading on NASDAQ </strong>
+      </h2>
+      <p>June 2, 2025</p>
+      <p><em>Company resumed trading under its existing symbol "MINM" </em></p>
+      <p>
+        <strong>Hong Kong, 2 June 2025 </strong>— FiEE, Inc. (NASDAQ:MINM)
+        (“FiEE, Inc.” or the “Company”), a technology company integrating IoT,
+        connectivity and AI to redefine brand management solutions in the
+        digital era, commenced the trading of its common stock on Monday, June
+        2, 2025 on the Nasdaq Capital Market under the ticker symbol "MINM".
+      </p>
+      <p>
+        With the vision of growing Key Opinion Leaders (“KOLs”) in the market,
+        FiEE, Inc. is currently strategically transforming to seize market
+        opportunities with its innovative brand management solutions for the
+        underrecognized talents. Since 2023, FiEE, Inc. has been pivoting to a
+        Software First business model through enhancing its MinimOS cloud
+        platform and API suite for ISPs/OEMs, as well merging with e2Companies
+        to broaden its technology and revenue base. Currently, it is offering
+        multi-faceted IoT-enabled Connectivity Solutions for the talented
+        individuals in the market, including Cloud-Managed Connectivity (WiFi)
+        Platform, IoT Hardware Sales &amp; Licensing, SAAS Solutions, and
+        Professional To-C and To-B Services &amp; Support.
+      </p>
+      <p>
+        With its innovative positioning, FiEE, Inc. is addressing significant
+        challenges faced by talented individuals in the market, such as
+        insufficient promotion channels, overdependence on offline events, and
+        high costs of conventional advertising. It is establishing a
+        comprehensive value ecosystem that offers a secure, diverse and enduring
+        platform for these talents, aiming to elevate their personal brand and
+        influence. Leveraging robust technological foundation on cybersecurity,
+        market analysis, AI and big data analysis, the Company is also
+        positioned to safeguard original creations, digital arts, NFTs and
+        exclusive content for these talented individuals.
+      </p>
+      <p>
+        <strong>Rafael Li, Chief Executive Officer of FiEE, Inc.</strong> added,
+        "We are glad to witness our common stock resumed trading on Nasdaq. In
+        the foreseeable future, I plan to lead the team to continuously enhance
+        our technological capabilities, utilizing AI, big data analysis, and our
+        long-standing IoT-enabled Connectivity Solutions to match potential
+        users in the market and provide them with comprehensive solutions. Our
+        long-term goal is to build a unique KOL community with billions of fans,
+        empowering them to achieve sustained success in the digital landscape.
+        We are confident that with our new positioning, FiEE, Inc. will reach
+        new heights and create long-lasting value for our shareholders.”
+      </p>
+      <p><strong>About FiEE, Inc.</strong></p>
+      <p>
+        FiEE, Inc. (NASDAQ:MINM), formerly Minim, Inc., was founded in 1977. It
+        has a historical track record of delivering comprehensive WiFi/Software
+        as a Service platform in the market. After years of development, it made
+        the strategic decision to transition to a Software First Model in 2023
+        to expand its technology portfolio and revenue streams. In 2025, FiEE,
+        Inc. rebranded itself as a technology company leveraging the expertise
+        in IoT, connectivity, and AI to explore new business prospects and
+        extend its global footprint.
+      </p>
+      <p>
+        FiEE, Inc.'s services are structured into four key categories:
+        Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales &amp;
+        Licensing, SAAS Solutions, and Professional To-C and To-B Services &amp;
+        Support. Notably, FiEE, Inc. has introduced its innovative Software as a
+        Service solutions, which integrate its AI and data analytics
+        capabilities into content creation and brand management. This initiative
+        has led to the nurturing of a robust pool of KOLs on major social media
+        platforms worldwide, assisting them in developing, managing, and
+        optimizing their digital presence across global platforms. FiEE Inc.'s
+        services include customized graphics and posts, short videos, and
+        editorial calendars tailored to align with brand objectives.
       </p>
       <p>
         <strong>Forward-Looking Statements</strong><br />This communication
-      contains forward-looking statements which include, but are not limited to,
+        contains forward-looking statements which include, but are not limited
-      statements regarding the Company’s listing of its ordinary shares on
+        to, statements regarding the Company's listing of its common stock on
-      Nasdaq; the impact of the listing; the Company’s business strategy,
+        Nasdaq; the impact of the listing; the Company's business strategy,
-      including its strategic transformation; and the Company’s ability to drive
+        including its strategic transformation; and the Company's ability to
-      long-term growth and shareholder value. These forward-looking statements
+        drive long-term growth and shareholder value. These forward-looking
-      are subject to the safe harbor provisions under the Private Securities
+        statements are subject to the safe harbor provisions under the Private
-      Litigation Reform Act of 1995. The Company’s expectations and beliefs
+        Securities Litigation Reform Act of 1995. The Company's expectations and
-      regarding these matters may not materialize. Actual outcomes and results
+        beliefs regarding these matters may not materialize. Actual outcomes and
-      may differ materially from those contemplated by these forward-looking
+        results may differ materially from those contemplated by these
-      statements as a result of uncertainties, risks, and changes in
+        forward-looking statements as a result of uncertainties, risks, and
-      circumstances, including but not limited to risks and uncertainties
+        changes in circumstances, including but not limited to risks and
-      related to: the ability of the Company to maintain compliance with the
+        uncertainties related to: the ability of the Company to maintain
-      Nasdaq continued listing standards; the impact of fluctuations in global
+        compliance with the Nasdaq continued listing standards; the impact of
-      financial markets on the Company’s business and the actions it may take in
+        fluctuations in global financial markets on the Company's business and
-      response thereto; the Company’s ability to execute its plans and
+        the actions it may take in response thereto; the Company's ability to
-      strategies; and the impact of government laws and regulations. Additional
+        execute its plans and strategies; and the impact of government laws and
-      risks and uncertainties that could cause actual outcomes and results to
+        regulations. Additional risks and uncertainties that could cause actual
-      differ materially from those contemplated by the forward-looking
+        outcomes and results to differ materially from those contemplated by the
-      statements are included under the caption “Risk Factors” in the Company’s
+        forward-looking statements are included under the caption "Risk Factors"
-      Quarterly Report on Form 10-Q for the quarter ended March 31, 2025 and
+        in the Company's Quarterly Report on Form 10-Q for the quarter ended
-      elsewhere in the Company’s subsequent reports on Form 10-K, Form 10-Q or
+        March 31, 2025 and elsewhere in the Company's subsequent reports on Form
-      Form 8-K filed with the U.S. Securities and Exchange Commission from time
+        10-K, Form 10-Q or Form 8-K filed with the U.S. Securities and Exchange
-      to time and available at www.sec.gov.
+        Commission from time to time and available at www.sec.gov.
       </p>
-    <p><strong>Media</strong></p>
+
-    <p><a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a></p>
+      <div><strong>Media </strong></div>
-    <p>Source: FiEE, Inc.</p>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
+
+    <template v-if="state.date === 'June 3, 2025'">
+      <h2>
+        <strong
+          >FiEE, Inc. seized market opportunities through 2025 Osaka
+          Expo</strong
+        >
+      </h2>
+      <p>3 June, 2025</p>
+      <p>
+        <strong>Hong Kong, 3 June 2025 </strong>— FiEE, Inc. (NASDAQ:MINM)
+        (“FiEE, Inc.” or the “Company”), a technology company integrating IoT,
+        connectivity and AI to redefine brand management solutions in the
+        digital era, is pleased to announce significant business updates.
+      </p>
+      <p>
+        Recently, FiEE, Inc. has entered into a strategic agency and cooperation
+        agreement with Beijing Yilian World Expo Business Management Group Co.,
+        Ltd. (“Beijing Yilian”). The Company is appointed as the agent to
+        introduce businesses to participate in the international trade fair held
+        at INTEX Osaka. The trade fair will be held from mid-June to August
+        2025, featuring a diverse range of categories, including International
+        Wine, Food and Equipment; International Leather and Footwear;
+        International Tea, Ceramics, Jewelry, Watches, Crafts and Art;
+        International Hardware, Building Materials and Interior Decoration;
+        International New Energy and Emerging Industries Technology.
+      </p>
+      <p>
+        <strong>Rafael Li, Chief Executive Officer of FiEE, Inc.</strong>,
+        commented, “INTEX Osaka is a famous International Trade Fair and
+        Exhibition in Collaboration with the 2025 Osaka Expo. It is expected to
+        draw numerous visitors, presenting a valuable opportunity for marketing
+        and exposure. This strategic cooperation highlights the Company's
+        extensive network resources, facilitating the identification of suitable
+        businesses or Key Opinion Leaders (“KOLs”) to participate in
+        international trade fairs, bolstering their reputation and influence.”
+      </p>
+      <p>
+        In addition, the Company launched its new SaaS products for the talented
+        individuals in March 2025, which is anticipated to generate recurring
+        revenue streams while also scaling rapidly to capture a large customer
+        base over time. The talented individuals subscribing for our SaaS
+        products would gain access to abundant resources, such as brand /
+        product partnership and sponsorship, affiliate marketing and product
+        placement, IP protection services, among others. FiEE Inc. has signed
+        sales contracts with 40 new customers, securing over US$200,000 in
+        expected revenue in less than two months.
+      </p>
+      <p>
+        FiEE, Inc. is currently undergoing a strategic transformation to seize
+        market opportunities with its innovative brand management solutions for
+        underrecognized talents. It is offering multi-faceted IoT-enabled
+        Connectivity Solutions for the talented individuals in the market,
+        including Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales
+        &amp; Licensing, SAAS Solutions, and Professional To-C and To-B Services
+        &amp; Support.
+      </p>
+      <p>
+        With its innovative positioning, FiEE, Inc. is establishing a
+        comprehensive value ecosystem that offers a secure, diverse and enduring
+        platform for the talented individuals, aiming to elevate their personal
+        brand and influence. Leveraging a robust technological foundation on
+        cybersecurity, market analysis, AI and big data analysis, the Company is
+        also positioned to safeguard original creations, digital arts, NFTs and
+        exclusive content for these talented individuals.
+      </p>
+      <p>
+        FiEE, Inc.’s long-term goal is to build a unique KOL community with
+        billions of fans, empowering them to achieve sustained success in the
+        digital landscape. With its new positioning, the Company believes it
+        will reach new heights and create long-lasting value for its
+        shareholders.
+      </p>
+      <p><strong>About FiEE, Inc.</strong></p>
+      <p>
+        FiEE, Inc. (NASDAQ:MINM), formerly Minim, Inc., was founded in 1977. It
+        has a historical track record of delivering comprehensive WiFi/Software
+        as a Service platform in the market. After years of development, it made
+        the strategic decision to transition to a Software First Model in 2023
+        to expand its technology portfolio and revenue streams. In 2025, FiEE,
+        Inc. rebranded itself as a technology company leveraging its expertise
+        in IoT, connectivity, and AI to explore new business prospects and
+        extend its global footprint.
+      </p>
+      <p>
+        FiEE, Inc.’s services are structured into four key categories:
+        Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales &amp;
+        Licensing, SAAS Solutions, and Professional To-C and To-B Services &amp;
+        Support. Notably, FiEE, Inc. has introduced its innovative Software as a
+        Service solutions, which integrate its AI and data analytics
+        capabilities into content creation and brand management. This initiative
+        has led to the nurturing of a robust pool of KOLs on major social media
+        platforms worldwide, assisting them in developing, managing, and
+        optimizing their digital presence across global platforms. FiEE Inc.’s
+        services include customized graphics and posts, short videos, and
+        editorial calendars tailored to align with brand objectives.
+      </p>
+      <p>
+        <strong>Forward-Looking Statements</strong><br />This communication
+        contains forward-looking statements which include, but are not limited
+        to, statements regarding the benefits of the strategic agency and
+        cooperation agreement entered into with Beijing Yilian; the expected
+        success of the Company’s new SaaS products; the Company’s business
+        strategy, including its strategic transformation; and the Company’s
+        ability to drive long-term growth and shareholder value. These
+        forward-looking statements are subject to the safe harbor provisions
+        under the Private Securities Litigation Reform Act of 1995. The
+        Company’s expectations and beliefs regarding these matters may not
+        materialize. Actual outcomes and results may differ materially from
+        those contemplated by these forward-looking statements as a result of
+        uncertainties, risks, and changes in circumstances, including but not
+        limited to risks and uncertainties related to: the ability of the
+        Company to maintain compliance with the Nasdaq continued listing
+        standards; the impact of fluctuations in global financial markets on the
+        Company’s business and the actions it may take in response thereto; the
+        Company’s ability to execute its plans and strategies; and the impact of
+        government laws and regulations. Additional risks and uncertainties that
+        could cause actual outcomes and results to differ materially from those
+        contemplated by the forward-looking statements are included under the
+        caption “Risk Factors” in the Company’s Quarterly Report on Form 10-Q
+        for the quarter ended March 31, 2025 and elsewhere in the Company’s
+        subsequent reports on Form 10-K, Form 10-Q or Form 8-K filed with the
+        U.S. Securities and Exchange Commission from time to time and available
+        at www.sec.gov.
+      </p>
+
+      <div><strong>Media </strong></div>
+      <a href="mailto:fiee@dlkadvisory.com">fiee@dlkadvisory.com</a>
+      <div>Source: FiEE, Inc.</div>
+    </template>
   </div>
 </template>
 
 <script setup>
-import { reactive } from "vue";
+import { reactive, onMounted } from "vue";
 import { NSelect, NInput, NButton } from "naive-ui";
+
 import { useI18n } from "vue-i18n";
-
 const { t } = useI18n();
+import { useRoute } from "vue-router";
+const route = useRoute();
 
-const state = reactive({});
+const state = reactive({
+  date: "",
+});
+onMounted(() => {
+  if (route.query.date) {
+    state.date = route.query.date;
+  }
+});
 </script>
 
 <style scoped lang="scss">
 .page-container {
-  max-width: 1200px;
+  max-width: calc(100% - 300px);
   margin: 0 auto;
-  padding: 40px;
+  padding: 20px;
 }
 </style>

src/views/press-releases/size1440/index.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="press-releases-page">
-    <customDefaultPage>
-      <template #content>
     <main class="p-[35px] max-w-[1200px] mx-auto">
       <div class="title mb-[20px]">
         {{ t("press_releases.title") }}
@@ -45,8 +43,6 @@
         </div>
       </div>
     </main>
-      </template>
-    </customDefaultPage>
   </div>
 </template>
 
@@ -75,10 +71,22 @@ const state = reactive({
   inputValue: "", //输入值
   newsData: [
     {
-      date: "May 30, 2025",
+      date: "June 3, 2025",
-      title: "FiEE, Inc. Announces Relisting on Nasdaq",
+      title: "FiEE, Inc. seized market opportunities through 2025 Osaka Expo",
       content:
-        'Hong Kong, May 30, 2025 — FiEE, Inc. ("FiEE, Inc." or the "Company"), a technology company integrating IoT, connectivity and AI to redefine brand management solutions...',
+        "Hong Kong, 3 June 2025 — FiEE, Inc. (NASDAQ:MINM) (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions in the digital era, is pleased to announce significant business updates....",
+    },
+    {
+      date: "June 2, 2025",
+      title: "FiEE, Inc. Closes Its First Day of Trading on NASDAQ",
+      content:
+        "Hong Kong, 2 June 2025 — FiEE, Inc. (NASDAQ:MINM) (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions in the digital era, commenced...",
+    },
+    {
+      date: "May 30, 2025",
+      title: "FiEE, Inc. Announces Reinitiation of Trading on Nasdaq",
+      content:
+        "Hong Kong, May 30, 2025 — FiEE, Inc. (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions...",
     },
   ],
   filterNewsData: [],
@@ -130,7 +138,7 @@ watch(
 const handleSearch = () => {
   // 手动触发筛选（保留这个函数以保持兼容性）
   handleFilter();
-  console.log("筛选结果:", state.filterNewsData);
+  // console.log("筛选结果:", state.filterNewsData);
 };
 
 const handleNewClick = (item) => {

src/views/press-releases/size1920/index.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="press-releases-page">
-    <customDefaultPage>
-      <template #content>
     <main class="p-[35px] max-w-[1200px] mx-auto">
       <div class="title mb-[20px]">
         {{ t("press_releases.title") }}
@@ -45,8 +43,6 @@
         </div>
       </div>
     </main>
-      </template>
-    </customDefaultPage>
   </div>
 </template>
 
@@ -75,10 +71,22 @@ const state = reactive({
   inputValue: "", //输入值
   newsData: [
     {
-      date: "May 30, 2025",
+      date: "June 3, 2025",
-      title: "FiEE, Inc. Announces Relisting on Nasdaq",
+      title: "FiEE, Inc. seized market opportunities through 2025 Osaka Expo",
       content:
-        'Hong Kong, May 30, 2025 — FiEE, Inc. ("FiEE, Inc." or the "Company"), a technology company integrating IoT, connectivity and AI to redefine brand management solutions...',
+        "Hong Kong, 3 June 2025 — FiEE, Inc. (NASDAQ:MINM) (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions in the digital era, is pleased to announce significant business updates....",
+    },
+    {
+      date: "June 2, 2025",
+      title: "FiEE, Inc. Closes Its First Day of Trading on NASDAQ",
+      content:
+        "Hong Kong, 2 June 2025 — FiEE, Inc. (NASDAQ:MINM) (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions in the digital era, commenced...",
+    },
+    {
+      date: "May 30, 2025",
+      title: "FiEE, Inc. Announces Reinitiation of Trading on Nasdaq",
+      content:
+        "Hong Kong, May 30, 2025 — FiEE, Inc. (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions...",
     },
   ],
   filterNewsData: [],
@@ -130,7 +138,7 @@ watch(
 const handleSearch = () => {
   // 手动触发筛选（保留这个函数以保持兼容性）
   handleFilter();
-  console.log("筛选结果:", state.filterNewsData);
+  // console.log("筛选结果:", state.filterNewsData);
 };
 
 const handleNewClick = (item) => {

src/views/press-releases/size375/index.vue

@@ -1,11 +1,6 @@
 <template>
   <div class="press-releases-page">
-    <customDefaultPage>
+    <main class="p-[80px] mx-auto" style="max-width: 100vw; min-width: 285px">
-      <template #content>
-        <main
-          class="p-[80px] mx-auto"
-          style="max-width: 100vw; min-width: 285px"
-        >
       <div class="title mb-[24px]">
         {{ t("press_releases.title") }}
       </div>
@@ -52,8 +47,6 @@
         </div>
       </div>
     </main>
-      </template>
-    </customDefaultPage>
   </div>
 </template>
 
@@ -82,10 +75,22 @@ const state = reactive({
   inputValue: "", //输入值
   newsData: [
     {
-      date: "May 30, 2025",
+      date: "June 3, 2025",
-      title: "FiEE, Inc. Announces Relisting on Nasdaq",
+      title: "FiEE, Inc. seized market opportunities through 2025 Osaka Expo",
       content:
-        'Hong Kong, May 30, 2025 — FiEE, Inc. ("FiEE, Inc." or the "Company"), a technology company integrating IoT, connectivity and AI to redefine brand management solutions...',
+        "Hong Kong, 3 June 2025 — FiEE, Inc. (NASDAQ:MINM) (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions in the digital era, is pleased to announce significant business updates....",
+    },
+    {
+      date: "June 2, 2025",
+      title: "FiEE, Inc. Closes Its First Day of Trading on NASDAQ",
+      content:
+        "Hong Kong, 2 June 2025 — FiEE, Inc. (NASDAQ:MINM) (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions in the digital era, commenced...",
+    },
+    {
+      date: "May 30, 2025",
+      title: "FiEE, Inc. Announces Reinitiation of Trading on Nasdaq",
+      content:
+        "Hong Kong, May 30, 2025 — FiEE, Inc. (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions...",
     },
   ],
   filterNewsData: [],
@@ -137,7 +142,7 @@ watch(
 const handleSearch = () => {
   // 手动触发筛选（保留这个函数以保持兼容性）
   handleFilter();
-  console.log("筛选结果:", state.filterNewsData);
+  // console.log("筛选结果:", state.filterNewsData);
 };
 
 const handleNewClick = (item) => {

src/views/press-releases/size768/index.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="press-releases-page">
-    <customDefaultPage>
-      <template #content>
     <main class="p-[35px] mx-auto" style="max-width: calc(100% - 100px)">
       <div class="title mb-[20px]">
         {{ t("press_releases.title") }}
@@ -45,8 +43,6 @@
         </div>
       </div>
     </main>
-      </template>
-    </customDefaultPage>
   </div>
 </template>
 
@@ -75,10 +71,22 @@ const state = reactive({
   inputValue: "", //输入值
   newsData: [
     {
-      date: "May 30, 2025",
+      date: "June 3, 2025",
-      title: "FiEE, Inc. Announces Relisting on Nasdaq",
+      title: "FiEE, Inc. seized market opportunities through 2025 Osaka Expo",
       content:
-        'Hong Kong, May 30, 2025 — FiEE, Inc. ("FiEE, Inc." or the "Company"), a technology company integrating IoT, connectivity and AI to redefine brand management solutions...',
+        "Hong Kong, 3 June 2025 — FiEE, Inc. (NASDAQ:MINM) (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions in the digital era, is pleased to announce significant business updates....",
+    },
+    {
+      date: "June 2, 2025",
+      title: "FiEE, Inc. Closes Its First Day of Trading on NASDAQ",
+      content:
+        "Hong Kong, 2 June 2025 — FiEE, Inc. (NASDAQ:MINM) (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions in the digital era, commenced...",
+    },
+    {
+      date: "May 30, 2025",
+      title: "FiEE, Inc. Announces Reinitiation of Trading on Nasdaq",
+      content:
+        "Hong Kong, May 30, 2025 — FiEE, Inc. (“FiEE, Inc.” or the “Company”), a technology company integrating IoT, connectivity and AI to redefine brand management solutions...",
     },
   ],
   filterNewsData: [],
@@ -130,7 +138,7 @@ watch(
 const handleSearch = () => {
   // 手动触发筛选（保留这个函数以保持兼容性）
   handleFilter();
-  console.log("筛选结果:", state.filterNewsData);
+  // console.log("筛选结果:", state.filterNewsData);
 };
 
 const handleNewClick = (item) => {

src/views/stock-quote/size1440/index.vue

@@ -12,7 +12,7 @@ getStockQuate()
   <main ref="main" class="flex pt-80px flex-col md:flex-row justify-center items-center gap-24 rounded-3xl">
     <!-- 左侧大号价格 -->
     <section class="flex flex-col items-center justify-center glass-card p-24 rounded-2xl shadow-xl">
-      <div class="text-8xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.change?.slice(0,4) }}</div>
+      <div class="text-8xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.price }}</div>
       <div class="mt-8 text-2xl text-gray-500 font-semibold tracking-widest mb-8px">NASDAQ: <span class="text-black">MINM</span></div>
       <div class="text-gray-500">{{ formatted }}</div>
     </section>
@@ -23,7 +23,7 @@ getStockQuate()
         <div class="text-2xl font-bold">{{ stockQuote.open }}</div>
       </div>
       <div class="info-card">
-        <div class="text-base text-gray-400">Change</div>
+        <div class="text-base text-gray-400">% Change</div>
         <div class="text-3xl font-bold" 
         :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')">
           {{ stockQuote.change }}</div>

src/views/stock-quote/size1920/index.vue

@@ -12,7 +12,7 @@ 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?.slice(0,4) }}</div>
+      <div class="text-9xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.price }}</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>
@@ -23,7 +23,7 @@ getStockQuate()
         <div class="text-3xl font-bold">{{ stockQuote.open }}</div>
       </div>
       <div class="info-card">
-        <div class="text-lg text-gray-400">Change</div>
+        <div class="text-lg text-gray-400">% Change</div>
         <!-- <div class="text-3xl font-bold" 
         :class="stockQuote.change?.[1]?.startsWith('-') ? 'text-red-500' : (stockQuote.change?.[1]?.startsWith('+') ? 'text-green-500' : '')">
           {{ stockQuote.change?.join('') }}</div> -->

src/views/stock-quote/size375/index.vue

@@ -8,7 +8,7 @@ getStockQuate();
   <main class="min-h-60vh flex flex-col items-center justify-start  px-2 py-5 pt-500px">
     <!-- 价格卡片 -->
     <section class="w-full max-w-90vw flex flex-col items-center justify-center glass-card p-4 rounded-2xl shadow mb-5">
-      <div class="text-4xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.change?.slice(0,4) }}</div>
+      <div class="text-4xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.price }}</div>
       <div class="mt-2 text-sm text-gray-500 font-semibold tracking-widest mb-0px">NASDAQ: <span class="text-black">MINM</span></div>
       <div class="text-gray-500 text-60px">{{ formatted }}</div>
     </section>
@@ -19,7 +19,7 @@ getStockQuate();
         <div class="text-lg font-bold">{{ stockQuote.open }}</div>
       </div>
       <div class="info-card">
-        <div class="text-xs text-gray-400">Change</div>
+        <div class="text-xs text-gray-400">% Change</div>
 
         <div class="text-lg font-bold" 
         :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')">

src/views/stock-quote/size768/index.vue

@@ -12,7 +12,7 @@ getStockQuate();
     <main class="min-h-60vh flex flex-col items-center justify-start px-4 py-6 pt-500px">
       <!-- 价格卡片 -->
       <section class="w-full max-w-80vw flex flex-col items-center justify-center glass-card p-6 rounded-2xl shadow mb-6">
-        <div class="text-5xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.change?.slice(0,4) }}</div>
+        <div class="text-5xl font-extrabold text-#8A5AFB animate-bg-move select-none drop-shadow-lg">${{ stockQuote.price }}</div>
         <div class="mt-3 text-base text-gray-500 font-semibold tracking-widest mb-0px">NASDAQ: <span class="text-black">MINM</span></div>
         <div class="text-gray-500 text-70px">{{ formatted }}</div>
       </section>
@@ -23,7 +23,7 @@ getStockQuate();
           <div class="text-xl font-bold">{{ stockQuote.open }}</div>
         </div>
         <div class="info-card">
-          <div class="text-sm text-gray-400">Change</div>
+          <div class="text-sm text-gray-400">% Change</div>
           <div class="text-xl font-bold" 
         :class="stockQuote.change?.includes('-') ? 'text-red-500' : (stockQuote.change?.includes('+') ? 'text-green-500' : '')">
           {{ stockQuote.change }}</div>