feat 完善注释

src/views/message/cpns/MessageTabs.vue

@@ -47,21 +47,21 @@ function countOf(value: MessageType | 'all', counts: Counts): number {
 <style lang="less" scoped>
 .message-tabs {
   .flex(column, flex-start, stretch);
-  padding: 18px 0; // 卡上内边距 24 × 0.77
-  min-height: 338px; // 设计左卡高 439 × 0.77
+  padding: 18px 0;
+  min-height: 338px;
   border-radius: @radius-base;
   background: @white;
-  box-shadow: none; // 设计 43：白卡直压页面底色，无阴影无描边
+  box-shadow: none;
 
   &__tab {
     .flex(row, space-between);
     gap: @spacing-sm;
-    height: 32px; // 分类行间距 41 × 0.77
-    padding: 0 18px 0 25px; // 左 33 / 右 23 × 0.77
+    height: 32px;
+    padding: 0 18px 0 25px;
     border-radius: 0;
     background: transparent;
-    color: @text-color; // 设计 43 未选中 @text-color
-    font-size: 11px; // 设计 13 → 可读下限 11
+    color: @text-color;
+    font-size: 11px;
     font-weight: 400;
     transition: all 0.2s;
 
@@ -70,26 +70,26 @@ function countOf(value: MessageType | 'all', counts: Counts): number {
     }
 
     &.is-active {
-      background: transparent; // 设计 43 选中无胶囊底
-      color: @primary-strong; // 设计 43 选中 @primary-strong
+      background: transparent;
+      color: @primary-strong;
       font-weight: 600;
     }
   }
 
   &__count {
-    min-width: 15px; // 徽标直径 20 × 0.77
+    min-width: 15px;
     height: 15px;
     padding: 0 4px;
     border-radius: @radius-round;
-    background: @danger-color; // 设计 43 红底 ≈ #F54343
+    background: @danger-color;
     color: @white;
-    font-size: 11px; // 设计 10 → 可读下限 11
+    font-size: 11px;
     line-height: 15px;
     text-align: center;
   }
 
   .is-active &__count {
-    background: @danger-color; // 设计 43 选中项徽标仍为红底
+    background: @danger-color;
     color: @white;
     font-weight: 600;
   }