From 20e69bb057d11adab8c06d9843bfcb2b218f48a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Liu=20=E5=AE=87=E9=98=B3?= <liuyuyang1024@yeah.net>
Date: Mon, 11 Nov 2024 14:15:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=BD=91=E7=AB=99=E7=A9=BA=E7=8A=B6=E6=80=81=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Web/index.tsx | 54 +++++++++++++++++++++--------------------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/src/pages/Web/index.tsx b/src/pages/Web/index.tsx
index 5d979ef..e64c209 100644
--- a/src/pages/Web/index.tsx
+++ b/src/pages/Web/index.tsx
@@ -117,33 +117,35 @@ const LinkPage = () => {
                     </div>
 
                     <Spin spinning={loading}>
-                        <div className="list">
-                            {listTemp.length > 0 ? (
-                                listTemp.map(item => (
-                                    <div key={item.id} className="item">
-                                        <div className="avatar">
-                                            <img src={item.image} alt="" className="avatar-img" />
+                        {listTemp.length > 0 ? (
+                            <div className="list">
+                                {
+                                    listTemp.map(item => (
+                                        <div key={item.id} className="item">
+                                            <div className="avatar">
+                                                <img src={item.image} alt="" className="avatar-img" />
+                                            </div>
+
+                                            <div className="name">{item.title}</div>
+                                            <div className="description">{item.description}</div>
+                                            <div className="type">{item.type.name}</div>
+
+                                            <div className="operate">
+                                                <div onClick={() => editLinkData(item)} className="edit">修改</div>
+
+                                                <Popconfirm title="警告" description="你确定要删除吗" okText="确定" cancelText="取消" onConfirm={() => deleteLinkData(item.id!)}>
+                                                    <div className="delete">删除</div>
+                                                </Popconfirm>
+                                            </div>
+
+                                            <div onClick={() => toHref(item.url)} className="headFor">前往该网站 &rarr;</div>
                                         </div>
-
-                                        <div className="name">{item.title}</div>
-                                        <div className="description">{item.description}</div>
-                                        <div className="type">{item.type.name}</div>
-
-                                        <div className="operate">
-                                            <div onClick={() => editLinkData(item)} className="edit">修改</div>
-
-                                            <Popconfirm title="警告" description="你确定要删除吗" okText="确定" cancelText="取消" onConfirm={() => deleteLinkData(item.id!)}>
-                                                <div className="delete">删除</div>
-                                            </Popconfirm>
-                                        </div>
-
-                                        <div onClick={() => toHref(item.url)} className="headFor">前往该网站 &rarr;</div>
-                                    </div>
-                                ))
-                            ) : (
-                                <Empty description="暂无数据" />
-                            )}
-                        </div>
+                                    ))
+                                }
+                            </div>
+                        ) : (
+                            <Empty description="暂无数据" className='my-7'/>
+                        )}
                     </Spin>
                 </>
             ),