feat 完善注释

src/components/AppFooter.vue

@@ -3,7 +3,6 @@ import { useSiteStore } from '@/stores/modules/site'
 
 const siteStore = useSiteStore()
 
-// 设计稿快速导航列原文：首页 / 案例中心 / 需求提报 / 下载 APP / 帮助中心
 const quickLinks = [
   { label: '首页', path: '/' },
   { label: '案例中心', path: '/cases' },
@@ -85,10 +84,6 @@ const coreBusiness = [
 </template>
 
 <style lang="less" scoped>
-// 设计稿页脚 1920×481（首页稿 y1942→2423）：
-//   列区 y1996 起（页脚顶 +54），四列 x155/922/1257/1511，列宽 625/193/80/253
-//   品牌名「虫子智造」@x200（相对列缩进 45），描述 @x155
-//   版权区：©行 @x526（867 盒在 1920 画布居中）、ICP 行 @x841（相对 867 盒缩进 315），均左对齐
 .app-footer {
   background: @footer-bg;
   color: @white;
@@ -97,16 +92,16 @@ const coreBusiness = [
     .flex(row, flex-start, flex-start);
     width: 100%;
     max-width: 1920px;
-    margin: 0 auto; // 视口宽于 1920 时整块居中；缺这行内容会贴左、右侧留白远大于左侧
-    height: 250px; // 页脚顶 → © 行（y1942→2274）
+    margin: 0 auto;
+    height: 250px;
     box-sizing: border-box;
     padding-top: 30px;
     padding-left: clamp(
       @spacing-base,
       calc((100% - 1609px) / 2),
       155px
-    ); // 设计内容 x155→1764 = 1609 宽
-    overflow: hidden; // 防列内容撑出横向滚动
+    );
+    overflow: hidden;
   }
 
   &__about {
@@ -116,8 +111,8 @@ const coreBusiness = [
 
   &__brand {
     .flex(row, flex-start);
-    margin-bottom: 20px; // 品牌名盒底 2037 → 描述 2057
-    margin-left: 45px; // 设计：品牌名 @x200，列起点 x155
+    margin-bottom: 20px;
+    margin-left: 45px;
   }
 
   &__name {
@@ -131,16 +126,14 @@ const coreBusiness = [
     margin-top: 0;
     font-size: 16px;
     font-weight: 500;
-    line-height: 23px; // 设计 625×115 五行
+    line-height: 23px;
   }
 
   &__col {
-    .flex(column, flex-start, flex-start); // 第三参必须显式：mixin 默认 center 会把列项水平居中
+    .flex(column, flex-start, flex-start);
     gap: 0;
     min-width: 0;
 
-    // 设计列位：核心业务 @922（列宽 193）、快速导航 @1257（80）、联系我们 @1511（253）
-    // 用 modifier 类定位；:nth-of-type 按标签序号计数（about 也算 div），会整体错位一档
     &--core {
       flex: 0 0 193px;
       margin-left: 142px;
@@ -156,7 +149,7 @@ const coreBusiness = [
   }
 
   &__title {
-    margin-bottom: 20px; // 标题盒底 2037 → 列表 2057
+    margin-bottom: 20px;
     font-size: 28px;
     font-weight: 500;
     line-height: 41px;
@@ -167,7 +160,7 @@ const coreBusiness = [
   &__link {
     font-size: 16px;
     font-weight: 500;
-    line-height: 23px; // 设计 5 项 115 高
+    line-height: 23px;
     white-space: nowrap;
     cursor: pointer;
     transition: color 0.2s;
@@ -183,12 +176,11 @@ const coreBusiness = [
     line-height: 23px;
   }
 
-  // 版权区：867 盒在画布居中（1920 视口 → x526），盒内文字左对齐；ICP 缩进 315（→ x841）
   &__bottom {
     width: 867px;
     max-width: calc(100% - 32px);
     margin: 0 auto;
-    padding-bottom: 20px; // ICP 盒底 2336 → 页脚底 2423
+    padding-bottom: 20px;
     text-align: left;
   }
 
@@ -197,11 +189,11 @@ const coreBusiness = [
     font-size: 14px;
     font-weight: 500;
     line-height: 23px;
-    white-space: nowrap; // 设计稿单行（867×23），回退字体偏宽防折行
+    white-space: nowrap;
     color: @white;
 
     &--icp {
-      margin-top: 16px; // © 盒底 2297 → ICP 2313
+      margin-top: 16px;
       margin-left: 315px;
     }
   }