video curcse
All checks were successful
Deploy to Server / deploy (push) Successful in 36s

This commit is contained in:
jeremygan2021
2026-02-27 14:18:18 +08:00
parent a47be29bf1
commit 27dcbef7d5
6 changed files with 93 additions and 32 deletions

View File

@@ -352,6 +352,11 @@
border: none;
margin: 0;
&.disabled {
background: #333;
color: #666;
}
&::after {
border: none;
}

View File

@@ -196,8 +196,12 @@ export default function CourseDetail() {
<Text className='label'>:</Text>
<Text className='amount'>¥{detail.price}</Text>
</View>
<Button className='btn-buy' onClick={handleLaunch}>
{detail.is_video_course ? '立即购买' : '立即报名'}
<Button
className={`btn-buy ${detail.is_purchased ? 'disabled' : ''}`}
onClick={() => !detail.is_purchased && handleLaunch()}
disabled={detail.is_purchased}
>
{detail.is_purchased ? '已购买' : (detail.is_video_course ? '立即购买' : '立即报名')}
</Button>
</View>
</View>

View File

@@ -377,3 +377,38 @@
0% { transform: scale(1); opacity: 0.5; }
100% { transform: scale(1.15); opacity: 0; }
}
.ai-badge {
background: rgba(0, 185, 107, 0.1);
border: 1px solid rgba(0, 185, 107, 0.3);
padding: 8px 20px;
border-radius: 30px;
margin: 15px auto;
display: inline-block;
backdrop-filter: blur(5px);
box-shadow: 0 0 10px rgba(0, 185, 107, 0.1);
text {
color: #00b96b;
font-size: 24px;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(0, 185, 107, 0.3);
}
}
.compliance-footer {
text-align: center;
padding: 30px 20px 50px;
margin-top: 40px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
.compliance-text {
color: #444;
font-size: 22px;
display: block;
margin-bottom: 5px;
letter-spacing: 1px;
}
}

View File

@@ -48,6 +48,10 @@ export default function ServicesIndex() {
<View className='page-container'>
<View className='header'>
<Text className='title'>AI <Text className='highlight'></Text></Text>
<View className='ai-badge'>
<Text>AI生成内容</Text>
</View>
<Text className='subtitle'> AI </Text>
<View className='vc-promo-container'>
@@ -130,6 +134,10 @@ export default function ServicesIndex() {
))}
</View>
</View>
<View className='compliance-footer'>
<Text className='compliance-text'>-AI问答类目</Text>
</View>
</View>
)
}