| .upload-page { |
| max-width: 800px; |
| margin: 0 auto; |
| padding: 16px; |
| font-family: sans-serif; |
| color: #333; |
| } |
| |
| .upload-tabs { |
| display: flex; |
| margin-bottom: 16px; |
| } |
| |
| .upload-tab { |
| flex: 1; |
| padding: 8px 16px; |
| border: 1px solid #ddd; |
| background: #f9f9f9; |
| cursor: pointer; |
| text-align: center; |
| } |
| |
| .upload-tab.active { |
| background: #fff; |
| border-bottom: 2px solid #1890ff; |
| color: #1890ff; |
| } |
| |
| .upload-area { |
| border: 2px dashed #ccc; |
| padding: 40px; |
| text-align: center; |
| transition: background 0.3s; |
| } |
| |
| .upload-area.drag-over { |
| background: #eef6ff; |
| } |
| |
| .upload-btn { |
| margin-top: 16px; |
| padding: 8px 24px; |
| border: none; |
| background: #1890ff; |
| color: #fff; |
| cursor: pointer; |
| } |
| |
| .upload-btn:disabled { |
| background: #aaa; |
| cursor: not-allowed; |
| } |
| |
| /* 如果有 upload-table 相关,用类似方式定义 */ |
| .upload-table { |
| width: 100%; |
| border-collapse: collapse; |
| margin-top: 24px; |
| } |
| |
| .upload-table th, |
| .upload-table td { |
| border: 1px solid #ddd; |
| padding: 8px; |
| text-align: left; |
| } |
| |
| .upload-table th { |
| background: #f5f5f5; |
| } |