feat ui设计稿

src/views/message/cpns/MessageList.vue

@@ -29,16 +29,22 @@ const emit = defineEmits<{ view: [id: string] }>()
 
 <style lang="less" scoped>
 .message-list {
-  .flex(column, flex-start);
-  gap: @spacing-sm;
-  padding: @spacing-sm;
-  border-radius: @radius-lg;
-  background: @bg-color;
+  .flex(column, flex-start, stretch);
+  gap: 0; // 行紧排，行间以分割线分隔（设计 43）
+  padding: 0;
+  border-radius: @radius-base;
+  background: @white; // 设计 43 列表卡白底直压页面灰底
+  overflow: hidden;   // 悬停底色收敛在卡圆角内
+
+  // 行分割线：设计 43 实取 #F0F1F3（矩形 1/2，跨满卡内容宽）
+  .message-item + .message-item {
+    border-top: 1px solid @project-divider;
+  }
 
   &__empty {
-    padding: @spacing-xxl 0;
+    padding: 40px 0;
     text-align: center;
-    font-size: @font-size-base;
+    font-size: 11px; // 设计 43 空态文字 → 可读下限 11
   }
 }
 </style>