src/components/customFooter/size375/index.vue

@@ -1,6 +1,7 @@
 <template>
   <!-- 通用页脚 -->
   <div class="custom-footer">
+    <span>&copy; 2025 FiEE, Inc. All Rights Reserved.</span>
     <div class="footer-links-box">
       <div class="footer-links">
         <span @click="handleLink('privacyPolicy')">Privacy Policy</span>
@@ -8,7 +9,6 @@
         <span @click="handleLink('siteMap')">Site Map</span>
       </div>
     </div>
-    <div class="footer-copyright">2025 FiEE, Inc. All Rights Reserved.</div>
   </div>
 </template>
 
@@ -29,7 +29,7 @@ const handleLink = (link) => {
   // } else if (link === "siteMap") {
   //   window.open(siteMap, "_blank");
   // }
-  router.push(link);
+  router.push(link)
 };
 </script>
 
@@ -50,13 +50,14 @@ const handleLink = (link) => {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    margin: 0.6rem 0 0;
 
     .footer-links {
       span {
         border-right: 1px solid #d2d2d7;
-        padding: 0 16 * 5.12px;
+        padding: 0 0.8rem;
         cursor: pointer;
-        font-size: 14 * 5.12px;
+        font-size: 0.75rem;
         display: inline-block;
         text-align: left;
       }
@@ -65,11 +66,5 @@ const handleLink = (link) => {
       }
     }
   }
-
-  .footer-copyright {
-    margin-top: 12 * 5.12px;
-    font-size: 14 * 5.12px;
-    color: 455363;
-  }
 }
 </style>

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

@@ -498,7 +498,7 @@ const handleClickOutside = (event) => {
   letter-spacing: 0.03em;
   color: #455363;
   margin: 0;
-  padding: 0 16px;
+  padding-left: 16px;
   margin-top: 8px;
 }
 

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

@@ -496,7 +496,7 @@ const handleClickOutside = (event) => {
   letter-spacing: 3%;
   color: #455363;
   margin: 0;
-  padding: 0 16px;
+  padding-left: 16px;
   margin-top: 8px;
 }
 

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

@@ -493,7 +493,7 @@ const handleClickOutside = (event) => {
   letter-spacing: 0.03em;
   color: #455363;
   margin: 0;
-  padding: 0 16 * 2.5px;
+  padding-left: 16 * 2.5px;
   margin-top: 8 * 2.5px;
 }
 

src/views/index/index.vue

@@ -1,21 +1,24 @@
 <script setup>
-import size1920 from "@/views/index/size1920/index.vue";
+import size375 from '@/views/index/size375/index.vue'
-import { computed } from "vue";
+import size768 from '@/views/index/size1920/index.vue'
-import { useWindowSize } from "@vueuse/core";
+import size1440 from '@/views/index/size1920/index.vue'
+import size1920 from '@/views/index/size1920/index.vue'
+import { computed } from 'vue'
+import { useWindowSize } from '@vueuse/core'
 
-const { width } = useWindowSize();
+const { width } = useWindowSize()
 const viewComponent = computed(() => {
-  // const viewWidth = width.value
+  const viewWidth = width.value
-  // if (viewWidth <= 450) {
+  if (viewWidth <= 450) {
-  //   return size375
+    return size375
-  // } else if (viewWidth <= 1100) {
+  } else if (viewWidth <= 1100) {
-  //   return size768
+    return size768
-  // } else if (viewWidth <= 1500) {
+  } else if (viewWidth <= 1500) {
-  //   return size1440
+    return size1440
-  // } else if (viewWidth <= 1920 || viewWidth > 1920) {
+  } else if (viewWidth <= 1920 || viewWidth > 1920) {
-  return size1920;
+    return size1920
-  // }
+  }
-});
+})
 </script>
 
 <template>

src/views/index/size375/index.vue

@@ -0,0 +1,21 @@
+<script setup>
+import customHeader from "@/components/customHeader/index.vue";
+import customFooter from "@/components/customFooter/index.vue";
+import { NScrollbar } from "naive-ui";
+</script>
+
+<template>
+  <div class="flex flex-col h-100svh">
+    <customHeader />
+    <n-scrollbar
+      class="bg-[url('@/assets/image/bg-mobile.png')] bg-cover bg-center flex-1"
+    >
+      <div>
+        <router-view />
+      </div>
+    </n-scrollbar>
+    <customFooter />
+  </div>
+</template>
+
+<style scoped lang="scss"></style>

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

@@ -619,7 +619,7 @@ const handleClickOutside = (event) => {
   letter-spacing: 0.03em;
   color: #455363;
   margin: 0;
-  padding: 0 21px;
+  padding-left: 21px;
   margin-top: 4px;
 }
 

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

@@ -615,7 +615,7 @@ const handleClickOutside = (event) => {
   letter-spacing: 3%;
   color: #455363;
   margin: 0;
-  padding: 0 16px;
+  padding-left: 17px;
   margin-top: 8px;
 }
 

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

@@ -616,7 +616,7 @@ const handleClickOutside = (event) => {
   letter-spacing: 0.48 * 2.5px;
   color: #455363;
   margin: 0;
-  padding: 0 16 * 2.5px;
+  padding-left: 17 * 2.5px;
   margin-top: 8 * 2.5px;
 }