调整CollectionCardMini按钮功能和布局

- 修改按钮功能:
  * 第二个按钮:片段 → 下载(绿色主题)
  * 第三个按钮:下载 → 投稿(红色主题)
- 保持描述区域marginBottom: '12px',与ClipCard一致
- 确保按钮与描述区域间距与视频片段卡片完全一致
- 按钮顺序:播放、下载、投稿
This commit is contained in:
Kris Ka
2025-09-16 00:26:59 +08:00
parent cee9690d08
commit 830c8f34ba

View File

@@ -277,23 +277,6 @@ const CollectionCardMini: React.FC<CollectionCardMiniProps> = ({
>
</Button>
<Button
type="text"
size="small"
icon={<EditOutlined />}
onClick={() => onView(collection)}
style={{
color: '#52c41a',
border: '1px solid rgba(82, 196, 26, 0.3)',
borderRadius: '6px',
fontSize: '12px',
height: '28px',
padding: '0 12px',
background: 'rgba(82, 196, 26, 0.1)'
}}
>
</Button>
{onGenerateVideo && (
<Button
type="text"
@@ -301,18 +284,35 @@ const CollectionCardMini: React.FC<CollectionCardMiniProps> = ({
icon={<DownloadOutlined />}
onClick={() => onGenerateVideo(collection.id)}
style={{
color: '#ff7875',
border: '1px solid rgba(255, 120, 117, 0.3)',
color: '#52c41a',
border: '1px solid rgba(82, 196, 26, 0.3)',
borderRadius: '6px',
fontSize: '12px',
height: '28px',
padding: '0 12px',
background: 'rgba(255, 120, 117, 0.1)'
background: 'rgba(82, 196, 26, 0.1)'
}}
>
</Button>
)}
<Button
type="text"
size="small"
icon={<EditOutlined />}
onClick={() => onView(collection)}
style={{
color: '#ff7875',
border: '1px solid rgba(255, 120, 117, 0.3)',
borderRadius: '6px',
fontSize: '12px',
height: '28px',
padding: '0 12px',
background: 'rgba(255, 120, 117, 0.1)'
}}
>
稿
</Button>
</div>
</div>
</Card>