feat 完善注释

src/views/cases/index.vue

@@ -4,7 +4,6 @@ import { onMounted } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useRouter } from 'vue-router'
 import { PaginationBar } from '@/components'
-// 页面容器：只做组件引入、props 分发、事件中转，数据只经 store
 import { useCasesStore } from '@/stores/modules/cases'
 import type { CaseQuery } from '@/types/business/cases'
 import CasesFilter from './cpns/CasesFilter.vue'
@@ -49,7 +48,6 @@ function onViewDetail(id: string): void {
 }
 
 onMounted(() => {
-  // 筛选面板选项全部来自接口：业务类型 / 所属行业 / 项目规模三组都走 /categories，完成时间由前端算
   void Promise.all([casesStore.fetchCategories(), casesStore.fetchCases()])
 })
 </script>
@@ -112,43 +110,39 @@ onMounted(() => {
 
 <style lang="less" scoped>
 .cases {
-  // 设计实测：页脚顶 y1811，正文最底约 y1733 → 底距 78
   padding-bottom: 78px;
 
-  // 设计稿页头条 矩形 148284 @(0,73) 1920×179 白底通栏；文案左缩进 112
   &__hero {
     height: 179px;
     box-sizing: border-box;
-    padding-top: 32px;    // 标题 @(112,105) → 73+32
+    padding-top: 32px;
     background: @white;
   }
 
-  // 页头文案与内容区不对齐：设计实测文案在 x112（内容区 x70 + 42）
   &__hero-inner {
     padding-left: 42px;
   }
 
   &__title {
     margin: 0;
-    font-size: 36px;      // 设计 @(112,105) 36/700 #121212
+    font-size: 36px;
     font-weight: 700;
     line-height: 52px;
     color: @cases-hero-title;
   }
 
   &__slogan {
-    margin: 15px 0 0;     // 副标题 @(112,172)，标题底 105+52=157 → 间距 15
-    font-size: 24px;      // 设计 24/500 #666666
+    margin: 15px 0 0;
+    font-size: 24px;
     font-weight: 500;
     line-height: 37px;
     color: @cases-muted;
   }
 
-  // 设计稿：筛选面板 @(70,272) 516 宽，卡片区 @(606,423) 起 1244 宽，主区间距 20
   &__body {
     .flex(row, flex-start, flex-start);
     gap: 20px;
-    padding-top: 20px;   // 筛选面板顶 272 − 页头条底(73+179) = 20
+    padding-top: 20px;
   }
 
   &__main {