78 lines
2.8 KiB
Plaintext
78 lines
2.8 KiB
Plaintext
<view class="page">
|
|
<view class="bg-orb bg-orb-right"></view>
|
|
<view class="bg-orb bg-orb-left"></view>
|
|
|
|
<scroll-view scroll-y class="content">
|
|
<view class="header">
|
|
<text class="title">复习档案</text>
|
|
<text class="subtitle">您的词汇神经元网络正在构建中。</text>
|
|
</view>
|
|
|
|
<view class="tabs">
|
|
<view class="tab tab-active">待复习</view>
|
|
<view class="tab">已掌握</view>
|
|
</view>
|
|
|
|
<view wx:if="{{loading}}" class="empty-state">
|
|
<text class="empty-title">加载中...</text>
|
|
<text class="empty-subtitle">正在同步进度数据</text>
|
|
</view>
|
|
|
|
<view wx:elif="{{error}}" class="error-banner">
|
|
<text class="error-text">{{error}}</text>
|
|
</view>
|
|
|
|
<view wx:else>
|
|
<view class="grid">
|
|
<block wx:for="{{reviewList}}" wx:key="id">
|
|
<view class="card card-pink">
|
|
<view class="card-glow card-glow-pink"></view>
|
|
<view class="card-head">
|
|
<view>
|
|
<text class="word word-large">{{item.en_text}}</text>
|
|
<text class="desc desc-spaced">{{item.zh_text}}</text>
|
|
</view>
|
|
<view class="badge badge-pink">🔥</view>
|
|
</view>
|
|
|
|
<view class="progress-meta">
|
|
<text class="progress-label">神经元连接强度</text>
|
|
<text class="progress-value progress-pink">{{item.mastery_score}}%</text>
|
|
</view>
|
|
<view class="progress-track">
|
|
<view class="progress-fill progress-fill-pink" style="width: {{item.mastery_score}}%;"></view>
|
|
</view>
|
|
<view class="action-btn">移至已掌握</view>
|
|
</view>
|
|
</block>
|
|
|
|
<block wx:for="{{masteredList}}" wx:key="id">
|
|
<view class="card card-cyan">
|
|
<view class="card-glow card-glow-cyan"></view>
|
|
<view class="card-head">
|
|
<view>
|
|
<text class="word word-large">{{item.en_text}}</text>
|
|
<text class="desc desc-spaced">{{item.zh_text}}</text>
|
|
</view>
|
|
<view class="badge badge-cyan">✓</view>
|
|
</view>
|
|
|
|
<view class="progress-meta">
|
|
<text class="progress-label">神经元连接强度</text>
|
|
<text class="progress-value progress-cyan">{{item.mastery_score}}%</text>
|
|
</view>
|
|
<view class="progress-track">
|
|
<view class="progress-fill progress-fill-cyan" style="width: {{item.mastery_score}}%;"></view>
|
|
</view>
|
|
<view class="action-btn">移至已掌握</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
<view wx:if="{{!reviewList.length && !masteredList.length}}" class="empty-state small">
|
|
<text class="empty-title">暂无进度内容</text>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|