docs: update README files to enhance screenshot presentation and improve layout consistency

This commit is contained in:
keven1024
2025-10-28 11:17:35 +08:00
parent a8f0fb2bf3
commit c8fd8c874b
2 changed files with 19 additions and 31 deletions

View File

@@ -39,25 +39,19 @@
📷 **图片处理** - 图片压缩、格式转换等处理功能
🏷️ **下载控制** - 基于 JWT 的下载令牌管理系统
## 截图
## 📸 截图预览
选择文件上传页面
![](/.github/image/1.png)
| 选择文件上传页面 | 输入文本上传页面 |
|---------------------------------------|-----------------------------------------------|
| ![](/.github/image/1.png) | ![](/.github/image/2.png) |
输入文本上传页面
![](/.github/image/2.png)
| 多选文件上传 | 文件上传进度热力图 |
|------------------------------------------------|---------------------------------------------------|
| ![](/.github/image/3.png) | ![](/.github/image/4.png) |
选择文件上传页面 - 支持多选文件上传
![](/.github/image/3.png)
文件正在上传页面 - 类似Github的展示上传进度的文件热力图
![](/.github/image/4.png)
文件正在上传页面 - 类似 QbitTorrent 的展示文件上传进度的进度条
![](/.github/image/5.png)
文件上传成功页面
![](/.github/image/6.png)
| 文件上传进度条 | 文件上传成功页面 |
|------------------------------------------------|-------------------------------------------------|
| ![](/.github/image/5.png) | ![](/.github/image/6.png) |
## 🚀 快速开始

View File

@@ -41,23 +41,17 @@ English | [中文](README-zh.md)
## 📸 Screenshots
File selection upload page
![](/.github/image/1.png)
| File Selection Upload Page | Text Input Upload Page |
|---------------------------------------|-----------------------------------------------|
| ![](/.github/image/1.png) | ![](/.github/image/2.png) |
Text input upload page
![](/.github/image/2.png)
| Multiple File Upload | Upload Progress Heatmap |
|------------------------------------------------|---------------------------------------------------|
| ![](/.github/image/3.png) | ![](/.github/image/4.png) |
File selection upload page - supports multiple file uploads
![](/.github/image/3.png)
File uploading page - similar to GitHub's file heatmap showing upload progress
![](/.github/image/4.png)
File uploading page - similar to qBittorrent's progress bar showing file upload progress
![](/.github/image/5.png)
File upload success page
![](/.github/image/6.png)
| Upload Progress Bar | Upload Success Page |
|------------------------------------------------|-------------------------------------------------|
| ![](/.github/image/5.png) | ![](/.github/image/6.png) |
## 🏗️ Technical Architecture