| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <!-- 网盘工具栏组件 -->
- <!-- 头部区域 -->
- <div class="header">
- <div class="breadcrumb" id="breadcrumb">
- <span class="breadcrumb-item active" data-path="">全部文件</span>
- </div>
- <div class="header-right">
- <button class="btn-upload" id="btnUpload" title="上传文件">
- <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
- <path d="M8 4L3 9h3v5h4V9h3L8 4z"/>
- <path d="M2 2h12v2H2z"/>
- </svg>
- <span>上传</span>
- </button>
- <div class="search-box">
- <svg class="search-icon" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
- <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
- </svg>
- <input type="text" id="searchInput" placeholder="搜索文件或文件夹...">
- <button class="search-clear" id="searchClear" style="display: none;" title="清空搜索">
- <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
- <path d="M7 0C3.13 0 0 3.13 0 7s3.13 7 7 7 7-3.13 7-7S10.87 0 7 0zm3.5 9.21L9.21 10.5 7 8.29 4.79 10.5 3.5 9.21 5.71 7 3.5 4.79 4.79 3.5 7 5.71 9.21 3.5 10.5 4.79 8.29 7 10.5 9.21z"/>
- </svg>
- </button>
- </div>
- </div>
- </div>
- <!-- 选中操作栏 -->
- <div class="selection-bar" id="selectionBar">
- <div class="selection-actions">
- <button class="btn-action" id="btnDownload">
- <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
- <path d="M8 12L3 7h3V2h4v5h3L8 12z"/>
- <path d="M2 13h12v2H2z"/>
- </svg>
- 下载
- </button>
- <button class="btn-action btn-danger" id="btnDelete">
- <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
- <path d="M5 2V1h6v1h4v2H1V2h4zm1 3h4v9H6V5zm-3 0h2v9H3V5zm8 0h2v9h-2V5z"/>
- </svg>
- 删除
- </button>
- </div>
- <span class="selection-count" id="selectionCount">已选中 0 项</span>
- </div>
|
