92 lines
3.5 KiB
Plaintext
92 lines
3.5 KiB
Plaintext
|
<view class="submit-page">
|
||
|
|
<!-- 顶部完成横幅 -->
|
||
|
|
<view class="complete-banner">
|
||
|
|
<text class="complete-emoji">🎉</text>
|
||
|
|
<text class="complete-title">完成本课！</text>
|
||
|
|
<text class="complete-sub">{{course ? course.title : ''}} · 学完啦</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 视图切换 -->
|
||
|
|
<view class="view-switch">
|
||
|
|
<view
|
||
|
|
class="switch-item {{viewMode === 'example' ? 'active' : ''}}"
|
||
|
|
data-mode="example"
|
||
|
|
bindtap="onSwitchView"
|
||
|
|
>示例作品</view>
|
||
|
|
<view
|
||
|
|
class="switch-item {{viewMode === 'mywork' ? 'active' : ''}}"
|
||
|
|
data-mode="mywork"
|
||
|
|
bindtap="onSwitchView"
|
||
|
|
>我的作品</view>
|
||
|
|
<view
|
||
|
|
class="switch-item {{viewMode === 'compare' ? 'active' : ''}}"
|
||
|
|
data-mode="compare"
|
||
|
|
bindtap="onSwitchView"
|
||
|
|
>对比查看</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 内容区 -->
|
||
|
|
<scroll-view class="submit-body" scroll-y>
|
||
|
|
<!-- 示例图 -->
|
||
|
|
<view class="work-display" wx:if="{{viewMode === 'example'}}">
|
||
|
|
<view class="work-frame example-frame" style="background:{{course ? course.coverColor : '#f0f0f0'}}">
|
||
|
|
<text class="work-emoji">{{course ? course.coverEmoji : '🎨'}}</text>
|
||
|
|
<text class="work-label">范例参考图</text>
|
||
|
|
</view>
|
||
|
|
<text class="work-hint">这是本课的参考范例，上传你的作品后可以对比查看</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 我的作品 -->
|
||
|
|
<view class="work-display" wx:if="{{viewMode === 'mywork'}}">
|
||
|
|
<view class="work-frame my-frame" bindtap="onChooseWork" wx:if="{{!myWorkPath}}">
|
||
|
|
<text class="upload-icon">📷</text>
|
||
|
|
<text class="upload-text">点击上传我的作品</text>
|
||
|
|
<text class="upload-hint">支持相册选择或拍照</text>
|
||
|
|
</view>
|
||
|
|
<view class="work-frame" wx:else bindtap="onChooseWork">
|
||
|
|
<image class="work-image" src="{{myWorkPath}}" mode="aspectFit" />
|
||
|
|
<text class="reupload-hint">点击重新上传</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 对比查看 -->
|
||
|
|
<view class="compare-display" wx:if="{{viewMode === 'compare'}}">
|
||
|
|
<view class="compare-row">
|
||
|
|
<view class="compare-item">
|
||
|
|
<text class="compare-label">范例</text>
|
||
|
|
<view class="compare-frame example-frame" style="background:{{course ? course.coverColor : '#f0f0f0'}}">
|
||
|
|
<text class="compare-emoji">{{course ? course.coverEmoji : '🎨'}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="compare-divider">VS</view>
|
||
|
|
<view class="compare-item">
|
||
|
|
<text class="compare-label">我的作品</text>
|
||
|
|
<view class="compare-frame my-frame" wx:if="{{!myWorkPath}}" bindtap="onChooseWork">
|
||
|
|
<text class="upload-icon-sm">📷</text>
|
||
|
|
<text class="upload-text-sm">点击上传</text>
|
||
|
|
</view>
|
||
|
|
<view class="compare-frame" wx:else bindtap="onChooseWork">
|
||
|
|
<image class="compare-image" src="{{myWorkPath}}" mode="aspectFit" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<text class="compare-encourage" wx:if="{{myWorkPath}}">太棒了！每一笔都是进步的证明 💪</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view style="height:200rpx"></view>
|
||
|
|
</scroll-view>
|
||
|
|
|
||
|
|
<!-- 底部操作 -->
|
||
|
|
<view class="submit-footer">
|
||
|
|
<button
|
||
|
|
class="btn-outline save-btn"
|
||
|
|
bindtap="onSaveRecord"
|
||
|
|
wx:if="{{!saved}}"
|
||
|
|
>保存记录 💾</button>
|
||
|
|
<view class="saved-hint" wx:else>
|
||
|
|
<text>✅ 已保存记录</text>
|
||
|
|
</view>
|
||
|
|
<button class="btn-primary continue-btn" bindtap="onContinueLearning">继续学习</button>
|
||
|
|
</view>
|
||
|
|
</view>
|