.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; | |
} |