This commit is contained in:
@@ -352,6 +352,11 @@
|
||||
border: none;
|
||||
margin: 0;
|
||||
|
||||
&.disabled {
|
||||
background: #333;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
&::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user