| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>网盘管理</title>
- <link rel="stylesheet" href="../../css/disk/tool-bar.css">
- <link rel="stylesheet" href="../../css/disk/disk.css">
- <link rel="stylesheet" href="../../css/disk/right-click-menu.css">
- </head>
- <body>
- <div class="disk-container" id="toolbarContainer">
- <!-- 工具栏将动态加载到这里 -->
- <!-- 文件列表区域 -->
- <div class="file-list-container" id="dropZone">
- <div class="drop-hint" id="dropHint">
- <svg width="64" height="64" viewBox="0 0 64 64" fill="currentColor">
- <path d="M32 8L16 24h10v16h12V24h10L32 8z"/>
- <path d="M8 48h48v8H8z"/>
- </svg>
- <p>拖拽文件或文件夹到此处上传</p>
- </div>
-
- <div class="file-list" id="fileList">
- <!-- 文件项将动态生成 -->
- </div>
- <div class="empty-state" id="emptyState">
- <svg width="120" height="120" viewBox="0 0 120 120" fill="#ddd">
- <path d="M30 20h40l20 20v60H30V20z"/>
- <path d="M70 20v20h20"/>
- </svg>
- <p>此文件夹为空</p>
- <p class="hint">拖拽文件或文件夹到此处上传</p>
- </div>
- <div class="loading" id="loading">
- <div class="spinner"></div>
- <p>加载中...</p>
- </div>
- </div>
- <!-- 上传进度 -->
- <div class="upload-progress" id="uploadProgress">
- <div class="upload-progress-header">
- <span class="upload-progress-title">上传文件</span>
- <button class="upload-progress-close" id="uploadProgressClose">
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
- <path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="2"/>
- </svg>
- </button>
- </div>
- <div class="upload-progress-list" id="uploadProgressList"></div>
- </div>
- <template id="uploadProgressTemplate">
- <div class="upload-progress-item">
- <div class="upload-progress-icon">
- <svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
- <path d="M10 2L5 7h3v6h4V7h3L10 2z"/>
- <path d="M3 16h14v2H3z"/>
- </svg>
- </div>
- <div class="upload-progress-info">
- <div class="upload-progress-name"></div>
- <div class="upload-progress-status">上传中...</div>
- <div class="upload-progress-bar">
- <div class="upload-progress-bar-fill" style="width: 0%"></div>
- </div>
- </div>
- </div>
- </template>
- <!-- 右键菜单将动态加载到这里 -->
- <div id="contextMenuContainer"></div>
- </div>
- <!-- 隐藏的文件输入 -->
- <input type="file" id="fileInput" multiple accept="image/*" style="display: none;">
- <!-- 框选区域 -->
- <div class="selection-box" id="selectionBox"></div>
- <script src="../../js/alert-view.js"></script>
- <script src="../../js/disk/path.js"></script>
- <script src="../../js/disk/multiple-selection.js"></script>
- <script src="../../js/disk/shortcut-keys.js"></script>
- <script src="../../js/disk/search-bar.js"></script>
- <script src="../../js/disk/right-click-menu.js"></script>
- <script src="../../js/disk/disk.js"></script>
- </body>
- </html>
|
