| TRM-coding | d1cbf67 | 2025-06-18 15:15:08 +0800 | [diff] [blame] | 1 | .upload-page { |
| 2 | max-width: 800px; | ||||
| 3 | margin: 0 auto; | ||||
| 4 | padding: 16px; | ||||
| 5 | font-family: sans-serif; | ||||
| 6 | color: #333; | ||||
| 7 | } | ||||
| 8 | |||||
| 9 | .upload-tabs { | ||||
| 10 | display: flex; | ||||
| 11 | margin-bottom: 16px; | ||||
| 12 | } | ||||
| 13 | |||||
| 14 | .upload-tab { | ||||
| 15 | flex: 1; | ||||
| 16 | padding: 8px 16px; | ||||
| 17 | border: 1px solid #ddd; | ||||
| 18 | background: #f9f9f9; | ||||
| 19 | cursor: pointer; | ||||
| 20 | text-align: center; | ||||
| 21 | } | ||||
| 22 | |||||
| 23 | .upload-tab.active { | ||||
| 24 | background: #fff; | ||||
| 25 | border-bottom: 2px solid #1890ff; | ||||
| 26 | color: #1890ff; | ||||
| 27 | } | ||||
| 28 | |||||
| 29 | .upload-area { | ||||
| 30 | border: 2px dashed #ccc; | ||||
| 31 | padding: 40px; | ||||
| 32 | text-align: center; | ||||
| 33 | transition: background 0.3s; | ||||
| 34 | } | ||||
| 35 | |||||
| 36 | .upload-area.drag-over { | ||||
| 37 | background: #eef6ff; | ||||
| 38 | } | ||||
| 39 | |||||
| 40 | .upload-btn { | ||||
| 41 | margin-top: 16px; | ||||
| 42 | padding: 8px 24px; | ||||
| 43 | border: none; | ||||
| 44 | background: #1890ff; | ||||
| 45 | color: #fff; | ||||
| 46 | cursor: pointer; | ||||
| 47 | } | ||||
| 48 | |||||
| 49 | .upload-btn:disabled { | ||||
| 50 | background: #aaa; | ||||
| 51 | cursor: not-allowed; | ||||
| 52 | } | ||||
| 53 | |||||
| 54 | /* 如果有 upload-table 相关，用类似方式定义 */ | ||||
| 55 | .upload-table { | ||||
| 56 | width: 100%; | ||||
| 57 | border-collapse: collapse; | ||||
| 58 | margin-top: 24px; | ||||
| 59 | } | ||||
| 60 | |||||
| 61 | .upload-table th, | ||||
| 62 | .upload-table td { | ||||
| 63 | border: 1px solid #ddd; | ||||
| 64 | padding: 8px; | ||||
| 65 | text-align: left; | ||||
| 66 | } | ||||
| 67 | |||||
| 68 | .upload-table th { | ||||
| 69 | background: #f5f5f5; | ||||
| 70 | } | ||||