60 lines
2.5 KiB
Plaintext
60 lines
2.5 KiB
Plaintext
<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>
|