/* src/style/CreatePost.css */ | |
.create-post { | |
max-width: 600px; | |
margin: 0 auto; | |
padding: 20px; | |
background: #fff; | |
border-radius: 8px; | |
} | |
/* 预览区 */ | |
.preview-media { | |
display: flex; | |
gap: 12px; | |
flex-wrap: wrap; | |
margin-bottom: 20px; | |
} | |
.preview-item { | |
width: 100px; | |
height: 100px; | |
overflow: hidden; | |
border: 1px solid #eee; | |
border-radius: 4px; | |
} | |
.preview-item img, | |
.preview-item video { | |
width: 100%; | |
height: 100%; | |
object-fit: cover; | |
} | |
/* 表单项 */ | |
label { | |
display: block; | |
margin-bottom: 16px; | |
font-size: 14px; | |
color: #333; | |
} | |
label input[type="text"], | |
label textarea, | |
label select { | |
width: 100%; | |
padding: 8px; | |
margin-top: 6px; | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
font-size: 14px; | |
box-sizing: border-box; | |
} | |
label textarea { | |
min-height: 120px; | |
resize: vertical; | |
} | |
.char-count { | |
float: right; | |
font-size: 12px; | |
color: #999; | |
} | |
/* 发布状态 */ | |
.status-group { | |
display: flex; | |
gap: 20px; | |
margin-bottom: 20px; | |
} | |
.status-group label { | |
display: flex; | |
align-items: center; | |
gap: 6px; | |
font-size: 14px; | |
} | |
/* 按钮组 */ | |
.btn-group { | |
display: flex; | |
gap: 12px; | |
justify-content: flex-end; | |
} | |
.btn { | |
padding: 8px 16px; | |
border-radius: 4px; | |
border: none; | |
cursor: pointer; | |
font-size: 14px; | |
} | |
.btn-primary { | |
background: #ff4757; | |
color: #fff; | |
} | |
.btn-secondary { | |
background: #f0f0f0; | |
color: #333; | |
} | |
/* 错误信息 */ | |
.error { | |
color: #d9534f; | |
margin-bottom: 12px; | |
} |