解决我的消息BUG

src/views/dashboard/message/columns.ts

@@ -1,4 +1,5 @@
 import { h } from 'vue';
+import { NTag } from 'naive-ui';
 
 export const columns = [
   {
@@ -21,8 +22,20 @@ export const columns = [
     title: '消息状态',
     key: 'status',
     width: 100,
-    customRender({ record }) {
+    render(record) {
-      return h('span', record.status === 1 ? '已读' : '未读');
+      return h(
+        NTag,
+        {
+          style: {
+            marginRight: '6px',
+          },
+          bordered: false,
+          type: record.status == 1 ? 'success' : 'error',
+        },
+        {
+          default: () => (record.status == 1 ? '已读' : '未读'),
+        },
+      );
     },
   },
   {