Initial commit

wechat-mini-program/pages/detail/detail.wxml

@@ -0,0 +1,59 @@
+<view class="container" wx:if="{{project}}">
+    <image class="hero-image" src="{{project.image}}" mode="aspectFill"></image>
+    
+    <view class="content">
+        <view class="header">
+            <view class="badge">{{project.category}}</view>
+            <view class="rating">
+                <text class="star">⭐</text> {{project.rating}}
+            </view>
+        </view>
+        
+        <view class="title">{{project.title}}</view>
+        
+        <view class="meta-row">
+            <view class="meta-item">
+                <text class="icon">👥</text> {{project.students}} 人已报名
+            </view>
+            <view class="meta-item">
+                <text class="icon">🕒</text> {{project.duration}}
+            </view>
+        </view>
+        
+        <view class="section">
+            <view class="section-title">课程简介</view>
+            <view class="desc">
+                本课程将带领你深入了解{{project.title}}的核心概念与实战技巧。通过{{project.duration}}的系统学习，你将掌握行业前沿知识，提升职业竞争力。
+            </view>
+        </view>
+        
+        <view class="section" wx:if="{{project.outline}}">
+            <view class="section-title">课程大纲</view>
+            <view class="chapter-list">
+                <block wx:for="{{project.outline}}" wx:key="chapter" wx:for-item="chapter" wx:for-index="idx">
+                    <view class="chapter-header">{{chapter.chapter}}</view>
+                    <block wx:for="{{chapter.lessons}}" wx:key="title" wx:for-item="lesson">
+                        <view class="lesson-item">
+                            <view class="lesson-info">
+                                <view class="lesson-title">{{lesson.title}}</view>
+                                <view class="lesson-time">{{lesson.duration}}</view>
+                            </view>
+                            <view class="play-btn" wx:if="{{lesson.isFree}}">▶</view>
+                            <view class="lock-btn" wx:else>🔒</view>
+                        </view>
+                    </block>
+                </block>
+            </view>
+        </view>
+        <!-- Fallback if no outline data -->
+        <view class="section" wx:else>
+            <view class="section-title">课程大纲</view>
+            <view class="desc">暂无大纲信息</view>
+        </view>
+    </view>
+    
+    <view class="footer-bar">
+        <view class="price">¥ 299</view>
+        <button class="enroll-btn" bindtap="handleEnroll">立即报名</button>
+    </view>
+</view>