mini
All checks were successful
Deploy to Server / deploy (push) Successful in 39s

This commit is contained in:
jeremygan2021
2026-02-24 00:35:52 +08:00
parent 441e080328
commit 76ce1225ec

View File

@@ -223,10 +223,27 @@ const VCCourseDetail = () => {
{course.lesson_count} 课时
</Descriptions.Item>
{course.is_fixed_schedule && (course.start_time || course.end_time) && (
<Descriptions.Item label={<span style={{ display: 'flex', alignItems: 'center' }}><CalendarOutlined style={{ marginRight: 8, color: '#00f0ff' }} /> 开课时间</span>}>
<div>
{course.start_time && <div>开始{new Date(course.start_time).toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'})}</div>}
{course.end_time && <div>结束{new Date(course.end_time).toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'})}</div>}
<Descriptions.Item span={3} label={<span style={{ display: 'flex', alignItems: 'center' }}><CalendarOutlined style={{ marginRight: 8, color: '#00f0ff' }} /> 开课时间</span>}>
<div style={{ display: 'flex', gap: '30px', alignItems: 'center', flexWrap: 'wrap' }}>
{course.start_time && (
<div style={{ display: 'flex', flexDirection: 'column' }}>
<span style={{ fontSize: 12, color: '#888', marginBottom: 2 }}>开始时间</span>
<span style={{ fontSize: 16, color: '#fff', fontFamily: 'DIN Alternate, Consolas, monospace', letterSpacing: 1 }}>
{new Date(course.start_time).toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'})}
</span>
</div>
)}
{course.start_time && course.end_time && (
<div style={{ width: 30, height: 1, background: '#333' }} />
)}
{course.end_time && (
<div style={{ display: 'flex', flexDirection: 'column' }}>
<span style={{ fontSize: 12, color: '#888', marginBottom: 2 }}>结束时间</span>
<span style={{ fontSize: 16, color: '#fff', fontFamily: 'DIN Alternate, Consolas, monospace', letterSpacing: 1 }}>
{new Date(course.end_time).toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'})}
</span>
</div>
)}
</div>
</Descriptions.Item>
)}