feat: 适配首页公告卡片并完善通知公告

src/layout/components/HeaderRightBar/Message.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="message">
     <a-tabs default-active-key="1">
-      <a-tab-pane key="1">
+      <a-tab-pane key="1" disabled>
         <template #title>通知(1)</template>
       </a-tab-pane>
-      <a-tab-pane key="2">
+      <a-tab-pane key="2" disabled>
         <template #title>关注(1)</template>
       </a-tab-pane>
-      <a-tab-pane key="3">
+      <a-tab-pane key="3" disabled>
         <template #title>待办(2)</template>
       </a-tab-pane>
     </a-tabs>
@@ -22,7 +22,7 @@
       >
         <template #actions></template>
         <template #avatar>
-          <a-avatar><img :src="item.avatar" /></a-avatar>
+          <a-avatar><img :src="item.avatar" alt="avatar" /></a-avatar>
         </template>
       </a-comment>
     </section>
@@ -31,24 +31,13 @@
 
 <script setup lang="ts">
 defineOptions({ name: 'Message' })
+
 const list = [
   {
     name: 'Socrates',
     datetime: '1小时之前',
-    content: 'Comment body content.',
+    content: 'v3.1.0 重构消息通知',
     avatar: 'https://lolicode.gitee.io/scui-doc/demo/img/avatar2.gif'
-  },
-  {
-    name: '木木糖醇',
-    datetime: '2小时之前',
-    content: '关注了你',
-    avatar: 'https://s1.ax1x.com/2022/06/14/XhteeO.jpg'
-  },
-  {
-    name: '徐欣',
-    datetime: '2个半小时之前',
-    content: '收藏了你的文章',
-    avatar: 'https://s1.ax1x.com/2022/06/14/XhtSwF.jpg'
   }
 ]
 </script>