45 lines
1.4 KiB
TypeScript
45 lines
1.4 KiB
TypeScript
|
'use client';
|
|||
|
|
import { FileUpload } from '../../components/FileUpload';
|
|||
|
|
import { FileDownload } from '../../components/FileDownload';
|
|||
|
|
import { AdvancedFileDownload } from '../../components/AdvancedFileDownload';
|
|||
|
|
import { DownloadTester } from '../../components/DownloadTester';
|
|||
|
|
|
|||
|
|
export default function UploadPage() {
|
|||
|
|
return (
|
|||
|
|
<div className="min-h-screen bg-gray-50">
|
|||
|
|
<div className="container mx-auto py-8">
|
|||
|
|
<div className="text-center mb-8">
|
|||
|
|
<h1 className="text-3xl font-bold text-gray-900 mb-2">文件上传和下载中心</h1>
|
|||
|
|
<p className="text-gray-600">完整的文件管理解决方案：上传、下载、预览</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{/* 上传组件 */}
|
|||
|
|
<div className="mb-8">
|
|||
|
|
<h2 className="text-xl font-semibold mb-4">📤 文件上传</h2>
|
|||
|
|
<FileUpload />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{/* 下载测试组件 */}
|
|||
|
|
<div className="mb-8">
|
|||
|
|
<h2 className="text-xl font-semibold mb-4">🔧 下载测试</h2>
|
|||
|
|
<DownloadTester />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|||
|
|
{/* 基础下载组件 */}
|
|||
|
|
<div>
|
|||
|
|
<h2 className="text-xl font-semibold mb-4">📥 基础下载</h2>
|
|||
|
|
<FileDownload />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{/* 高级下载组件 */}
|
|||
|
|
<div>
|
|||
|
|
<h2 className="text-xl font-semibold mb-4">🚀 高级下载</h2>
|
|||
|
|
<AdvancedFileDownload />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
}
|