feat 完善注释

src/views/message/detail.vue

@@ -3,7 +3,6 @@ import { computed, onMounted, watch } from 'vue'
 import { ElMessage } from 'element-plus'
 import { useRoute, useRouter } from 'vue-router'
 import { AppButton } from '@/components'
-// 页面容器：数据只经 store，不直接 import api
 import { useMessageStore } from '@/stores/modules/message'
 import { formatFileSize } from '@/utils/format'
 
@@ -105,12 +104,11 @@ onMounted(load)
   margin: 0 auto;
   padding: @spacing-lg @spacing-base @spacing-xxl;
 
-  // 设计 42：面包屑 12 → 11，#9CA3AF；末段「消息详情」#4B5563 / 500
   &__breadcrumb {
     display: flex;
     align-items: center;
     gap: 4px;
-    margin-bottom: 12px; // 面包屑→卡片 15 × 0.77
+    margin-bottom: 12px;
     font-size: 11px;
     color: @text-color-disabled;
 
@@ -124,15 +122,13 @@ onMounted(load)
     }
   }
 
-  // 设计 42：白卡直压页面灰底，无阴影
   &__card {
-    padding: 32px 36px 34px; // 卡内边距 42/48/44 × 0.77
+    padding: 32px 36px 34px;
     border-radius: @radius-lg;
     background: @white;
     box-shadow: none;
   }
 
-  // 设计 42：主标题 20 → 15 / 700 / 居中 / #1F2937
   &__title {
     font-size: 15px;
     font-weight: 700;
@@ -140,7 +136,6 @@ onMounted(load)
     text-align: center;
   }
 
-  // 设计 42：发布时间 12 → 11 / #9CA3AF / 居中
   &__time {
     margin-top: 11px; // 14 × 0.77
     font-size: 11px;
@@ -148,9 +143,8 @@ onMounted(load)
     text-align: center;
   }
 
-  // 设计 42：富文本 13 → 11 / #4B5563 / 居中 / 行高 24.7 × 0.77
   &__content {
-    margin-top: 24px; // 时间→正文 32 × 0.77
+    margin-top: 24px;
     background: transparent;
     color: @text-color;
     font-size: 11px;
@@ -161,7 +155,7 @@ onMounted(load)
   }
 
   &__attachments {
-    margin-top: 20px; // 正文→附件 26 × 0.77
+    margin-top: 20px;
 
     &-title {
       margin-bottom: 8px;
@@ -176,14 +170,13 @@ onMounted(load)
     gap: @spacing-sm;
   }
 
-  // 附件行：设计 42 实取底 #F7F8FA、圆角小卡、无描边
   &__file {
     .flex(row, space-between);
     gap: @spacing-base;
     align-items: center;
     width: fit-content;
     max-width: 100%;
-    padding: 10px 14px; // 附件盒 13/15 × 0.77
+    padding: 10px 14px;
     border: none;
     border-radius: 6px;
     background: @finance-row-bg;
@@ -196,7 +189,6 @@ onMounted(load)
     min-width: 0;
   }
 
-  // 设计 42：文件名 12 → 11 / 700 / #1F2937
   &__file-name {
     font-size: 11px;
     font-weight: 700;
@@ -204,7 +196,6 @@ onMounted(load)
     .ellipsis();
   }
 
-  // 设计 42：大小 12 → 11 / #9CA3AF
   &__file-meta {
     font-size: 11px;
     color: @text-color-disabled;
@@ -226,10 +217,9 @@ onMounted(load)
     }
   }
 
-  // 返回：设计 42 右下角 #024FFF 小按钮
   &__actions {
     .flex(row, flex-end);
-    margin-top: 32px; // 附件→返回 43 × 0.77
+    margin-top: 32px;
 
     .app-button {
       height: 24px; // 31 × 0.77
@@ -237,7 +227,7 @@ onMounted(load)
       border-radius: 6px;
       background: @primary-strong;
       color: @white;
-      font-size: 11px; // 13 → 可读下限 11
+      font-size: 11px;
       font-weight: 500;
 
       &:hover {