forum

miniprogram/src/pages/services/index.scss

@@ -27,6 +27,39 @@
     font-size: 28px;
     line-height: 1.5;
   }
+
+  .nav-btn-wrapper {
+    margin-top: 30px;
+    display: flex;
+    justify-content: center;
+
+    .nav-btn {
+      background: linear-gradient(90deg, #00b96b, #00f0ff);
+      color: #000;
+      font-weight: bold;
+      font-size: 28px;
+      padding: 0 40px;
+      height: 80px;
+      line-height: 80px;
+      border-radius: 40px;
+      border: none;
+      box-shadow: 0 0 20px rgba(0, 185, 107, 0.4);
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      transition: all 0.3s ease;
+
+      &:active {
+        transform: scale(0.95);
+        box-shadow: 0 0 10px rgba(0, 185, 107, 0.2);
+      }
+
+      .arrow {
+        font-size: 32px;
+        margin-left: 5px;
+      }
+    }
+  }
 }
 
 .service-grid {

miniprogram/src/pages/services/index.tsx

@@ -36,6 +36,16 @@ export default function ServicesIndex() {
       <View className='header'>
         <Text className='title'>AI 全栈<Text className='highlight'>解决方案</Text></Text>
         <Text className='subtitle'>从数据处理到模型部署，我们为您提供一站式 AI 基础设施服务。</Text>
+        
+        <View className='nav-btn-wrapper'>
+          <Button 
+            className='nav-btn' 
+            onClick={() => Taro.navigateTo({ url: '/pages/courses/index' })}
+          >
+            探索 VB 课程
+            <Text className='arrow'>→</Text>
+          </Button>
+        </View>
       </View>
 
       <View className='service-grid'>