feat ui设计稿

src/components/AppFooter.vue

@@ -6,7 +6,7 @@ const siteStore = useSiteStore()
 const quickLinks = [
   { label: '首页', path: '/' },
   { label: '案例库', path: '/cases' },
-  { label: '需求池', path: '/demand' },
+  { label: '需求提报', path: '/demand' },
   { label: '下载 APP', path: '/' },
   { label: '消息中心', path: '/message' },
 ]
@@ -25,19 +25,11 @@ const coreBusiness = [
     <div class="app-footer__inner container">
       <div class="app-footer__about">
         <div class="app-footer__brand">
-          <!-- TODO(蓝湖): 替换 logo 切图 -->
-          <img src="@/assets/vue.svg" class="app-footer__logo" alt="虫子智造 logo">
           <span class="app-footer__name">虫子智造</span>
         </div>
         <p class="app-footer__desc">
           研发智造一体化自营平台，打通研发‑仿真‑设计‑PCB‑SMT‑整机装配‑售后迭代全链路，为科技企业、硬件厂商、创客团队提供软硬一体化定制与量产落地服务。平台自营不开放第三方服务商入驻，对项目质量全权兜底。
         </p>
-        <p class="app-footer__legal">
-          ©2026 虫子智造 研发智造一体化平台 版权所有｜自营研发生产平台，所有项目源码、图纸受平台知识产权保护，禁止盗用、复制、二次分发
-        </p>
-        <p class="app-footer__legal">
-          {{ siteStore.siteInfo.icp }} | {{ siteStore.siteInfo.police }}
-        </p>
       </div>
 
       <div class="app-footer__col">
@@ -75,19 +67,29 @@ const coreBusiness = [
         <span class="app-footer__contact">工作时间：{{ siteStore.siteInfo.workTime }}</span>
       </div>
     </div>
+
+    <div class="app-footer__bottom">
+      <p class="app-footer__legal">
+        ©2026 虫子智造 研发智造一体化平台 版权所有｜自营研发生产平台，所有项目源码、图纸受平台知识产权保护，禁止盗用、复制、二次分发
+      </p>
+      <p class="app-footer__legal">
+        {{ siteStore.siteInfo.icp }} | {{ siteStore.siteInfo.police }}
+      </p>
+    </div>
   </footer>
 </template>
 
 <style lang="less" scoped>
 .app-footer {
-  background: @heading-color;
-  color: @text-color-secondary;
+  background: @footer-bg;
+  color: @white;
 
   &__inner {
     .flex(row, space-between, flex-start);
     gap: @spacing-xl;
     padding-top: @spacing-xxl;
-    padding-bottom: @spacing-xxl;
+    padding-left: @footer-inset;
+    padding-right: @footer-inset;
   }
 
   &__about {
@@ -96,26 +98,19 @@ const coreBusiness = [
 
   &__brand {
     .flex(row, flex-start);
-    gap: @spacing-sm;
     margin-bottom: @spacing-base;
   }
 
-  &__logo {
-    width: 28px;
-    height: 28px;
-  }
-
   &__name {
-    font-size: @font-size-lg;
-    font-weight: 600;
+    font-size: @font-size-title;
+    font-weight: 500;
     color: @white;
   }
 
-  &__desc,
-  &__legal {
+  &__desc {
     margin-top: @spacing-sm;
     font-size: @font-size-sm;
-    line-height: 1.6;
+    line-height: 1.8;
   }
 
   &__col {
@@ -125,22 +120,37 @@ const coreBusiness = [
 
   &__title {
     margin-bottom: @spacing-sm;
-    font-size: @font-size-base;
+    font-size: @font-size-title;
+    font-weight: 500;
     color: @white;
   }
 
   &__link {
     font-size: @font-size-sm;
+    line-height: 1.5;
     cursor: pointer;
     transition: color 0.2s;
 
     &:hover {
-      color: @primary-color;
+      color: @primary-light;
     }
   }
 
   &__contact {
     font-size: @font-size-sm;
+    line-height: 1.8;
+  }
+
+  // 版权 / 备案：设计稿为页脚底部居中两行
+  &__bottom {
+    padding: @spacing-xxl @footer-inset;
+    text-align: center;
+  }
+
+  &__legal {
+    font-size: @font-size-sm;
+    line-height: 1.8;
+    color: @white;
   }
 }
 </style>