✨ 添加更多应用信息
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user