From 94b38708d0b208c831c420e99abac88b4ea89dcc Mon Sep 17 00:00:00 2001
From: Snowz <372492339@qq.com>
Date: Fri, 11 Jul 2025 14:45:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E5=90=8E=E5=8F=B0?=
=?UTF-8?q?=E7=AE=A1=E7=90=86=E7=95=8C=E9=9D=A2=EF=BC=8C=E4=BC=98=E5=8C=96?=
=?UTF-8?q?=E8=A1=A8=E6=A0=BC=E5=92=8C=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 改进表格布局，支持横向滚动和长文本自动换行
- 设置合理的列宽，确保信息完整显示
- 添加应用图标、下载链接、官网链接和应用描述字段
- 优化按钮布局和样式，提升用户体验
- 更新README.md，记录此次更新日志
---
README.md | 14 +++++
admin/index.php | 137 +++++++++++++++++++++++++++++++++++++++++++++---
2 files changed, 143 insertions(+), 8 deletions(-)
diff --git a/README.md b/README.md
index 1a0d6b1..24120fd 100644
--- a/README.md
+++ b/README.md
@@ -249,6 +249,20 @@ A: 检查CDN资源是否正常加载，可考虑本地化CSS/JS文件。
本项目采用 MIT 协议开源，详见 [LICENSE](LICENSE) 文件。
+## 📝 更新日志
+
+### 2025-07-09
+- ✨ 优化后台管理界面显示
+ - 改进表格布局，添加横向滚动支持
+ - 优化长文本内容显示
+ - 设置合理的列宽
+ - 普通列：最小宽度100px
+ - URL列：最小宽度200px，最大宽度300px
+ - 描述列：最小宽度300px，最大宽度500px
+ - 支持描述文本自动换行
+ - 完整显示URL链接
+ - 优化按钮布局和样式
+
## 🙏 致谢
- 感谢所有为开源社区做出贡献的开发者
diff --git a/admin/index.php b/admin/index.php
index 4c45e0d..cce679b 100644
--- a/admin/index.php
+++ b/admin/index.php
@@ -305,12 +305,14 @@ $total_pages = ceil($total / $limit);
background: white;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
- overflow: hidden;
+ overflow-x: auto;
+ width: 100%;
}
.table {
width: 100%;
border-collapse: collapse;
+ white-space: nowrap;
}
.table th,
@@ -318,12 +320,18 @@ $total_pages = ceil($total / $limit);
padding: 15px;
text-align: left;
border-bottom: 1px solid #e2e8f0;
+ min-width: 100px;
}
.table th {
background: #f8fafc;
font-weight: 600;
color: #374151;
+ white-space: nowrap;
+ }
+
+ .table td {
+ font-size: 14px;
}
.table tr:hover {
@@ -355,22 +363,38 @@ $total_pages = ceil($total / $limit);
.action-buttons {
display: flex;
gap: 5px;
+ white-space: nowrap;
}
.btn-sm {
padding: 4px 8px;
font-size: 12px;
+ display: inline-flex;
+ align-items: center;
+ gap: 4px;
}
-
+
+ .btn-sm i {
+ font-size: 12px;
+ }
+
.btn-success {
background: #10b981;
color: white;
}
-
- .btn-warning {
- background: #f59e0b;
+
+ .btn-success:hover {
+ background: #059669;
+ }
+
+ .btn-danger {
+ background: #ef4444;
color: white;
}
+
+ .btn-danger:hover {
+ background: #dc2626;
+ }
.pagination {
display: flex;
@@ -485,6 +509,63 @@ $total_pages = ceil($total / $limit);
display: none;
}
+ .app-icon {
+ width: 40px;
+ height: 40px;
+ border-radius: 8px;
+ object-fit: cover;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ transition: transform 0.2s;
+ }
+
+ .app-icon:hover {
+ transform: scale(1.1);
+ }
+
+ .truncate {
+ max-width: 250px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: inline-block;
+ cursor: help;
+ }
+
+ .description-cell {
+ min-width: 300px;
+ max-width: 500px;
+ }
+
+ .description-content {
+ white-space: normal;
+ word-break: break-word;
+ }
+
+ .url-cell {
+ min-width: 200px;
+ max-width: 300px;
+ }
+
+ .url-link {
+ color: #3b82f6;
+ text-decoration: none;
+ }
+
+ .url-link:hover {
+ color: #2563eb;
+ text-decoration: underline;
+ }
+
+ .platform-badge {
+ display: inline-block;
+ padding: 4px 8px;
+ border-radius: 4px;
+ background: #e5e7eb;
+ color: #374151;
+ font-size: 12px;
+ margin: 2px;
+ }
+
@media (max-width: 768px) {
.header-content {
flex-direction: column;
@@ -611,6 +692,10 @@ $total_pages = ceil($total / $limit);
| 应用名称 |
平台 |
版本 |
+ 图标 |
+ 下载链接 |
+ 官网/落地页 |
+ 应用描述 |
收录平台 |
联系方式 |
@@ -634,6 +719,42 @@ $total_pages = ceil($total / $limit);
|
|
|
+
+
+
+ ; ?>)
+
+
+ 无图标
+
+ |
+
+
+
+
+
+
+ 无下载链接
+
+ |
+
+
+
+
+
+
+ 无官网
+
+ |
+
+
+
+
+
+
+ 无描述
+
+ |
|
|
@@ -654,16 +775,16 @@ $total_pages = ceil($total / $limit);