From 4b223ecc2a62d7fdb58fdefd0b7599d89fab24f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9F=9A=E5=AD=90?=
 <40852301+uiYzzi@users.noreply.github.com>
Date: Fri, 7 Mar 2025 15:36:46 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E6=B7=BB=E5=8A=A0=E6=9B=B4?=
 =?UTF-8?q?=E5=A4=9A=E5=BA=94=E7=94=A8=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/app-detail/AppDetail.tsx | 35 ++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/features/app-detail/AppDetail.tsx b/src/features/app-detail/AppDetail.tsx
index fa07b29..523673a 100644
--- a/src/features/app-detail/AppDetail.tsx
+++ b/src/features/app-detail/AppDetail.tsx
@@ -273,12 +273,35 @@ const AppDetail: Component = () => {
               </div>
               <div class="py-2">
                 <h3 class="text-lg font-semibold">应用信息</h3>
-                <div class="social-container text-sm text-muted-foreground">
-                  <p>大小: {app()?.Size}</p>
-                  <div class="divider" />
-                  <p>分类: {app()?.Category}</p>
-                  <div class="divider" />
-                  <p>更新时间: {app()?.Update}</p>
+                <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4 mt-2 text-sm text-muted-foreground">
+                  <div class="flex flex-col">
+                    <span class="text-xs text-muted-foreground mb-1">软件大小</span>
+                    <span>{app()?.Size}</span>
+                  </div>
+                  <div class="flex flex-col">
+                    <span class="text-xs text-muted-foreground mb-1">软件分类</span>
+                    <span>{app()?.Category}</span>
+                  </div>
+                  <div class="flex flex-col">
+                    <span class="text-xs text-muted-foreground mb-1">软件包名</span>
+                    <span>{app()?.Pkgname}</span>
+                  </div>
+                  <div class="flex flex-col">
+                    <span class="text-xs text-muted-foreground mb-1">更新时间</span>
+                    <span>{app()?.Update}</span>
+                  </div>
+                  <div class="flex flex-col">
+                    <span class="text-xs text-muted-foreground mb-1">软件作者</span>
+                    <span>{app()?.Author}</span>
+                  </div>
+                  <div class="flex flex-col">
+                    <span class="text-xs text-muted-foreground mb-1">投稿用户</span>
+                    <span>{app()?.Contributor}</span>
+                  </div>
+                  <div class="flex flex-col">
+                    <span class="text-xs text-muted-foreground mb-1">软件官网</span>
+                    <a href={app()?.Website} target="_blank" rel="noopener noreferrer" class="text-blue-500 underline">点击跳转</a>
+                  </div>
                 </div>
               </div>
               <div class="py-2 w-full">