From edafb8b40175b0f1eb23bf88cfeec82fdf40ea9f Mon Sep 17 00:00:00 2001
From: juetan <contact@juetan.cn>
Date: Mon, 16 Oct 2023 22:39:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E7=B4=A0=E6=9D=90?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/post/media/index.vue | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/pages/post/media/index.vue b/src/pages/post/media/index.vue
index fe1bc64..a100b2c 100644
--- a/src/pages/post/media/index.vue
+++ b/src/pages/post/media/index.vue
@@ -116,21 +116,30 @@ const table = useTable({
     {
       title: "文件名称",
       dataIndex: "name",
-      render: ({ record }) => {
+      // render: ({ record }) => {
+      //   return (
+      //     <div class="flex items-center">
+      //       <i class={`${getIcon(record.mimetype)} text-xl mr-2`}></i>
+      //       {record.name}
+      //     </div>
+      //   );
+      // },
+      render({ record }) {
         return (
           <div class="flex items-center">
-            <i class={`${getIcon(record.mimetype)} text-xl mr-2`}></i>
-            {record.name}
+            <div>
+              <i class={`${getIcon(record.mimetype)} text-3xl mr-2`}></i>
+            </div>
+            <div class="flex flex-col overflow-hidden">
+              <span>{record.name}</span>
+              <span class="text-gray-400 text-xs truncate">
+                {numeral(record.size).format("0 b")}
+              </span>
+            </div>
           </div>
         );
       },
     },
-    {
-      title: "大小",
-      dataIndex: "description",
-      width: 120,
-      render: ({ record }) => numeral(record.size).format("0 b"),
-    },
     {
       title: "上传时间",
       dataIndex: "createdAt",