41 lines
1.6 KiB
Plaintext
41 lines
1.6 KiB
Plaintext
|
<view class="page">
|
||
|
|
<view class="topbar">
|
||
|
|
<view class="topbar-left">
|
||
|
|
<view class="avatar-shell"><image class="avatar-img" src="https://picsum.photos/220" mode="aspectFill" /></view>
|
||
|
|
<text class="brand-text">VocabMaster</text>
|
||
|
|
</view>
|
||
|
|
<view class="topbar-icon">🔔</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<scroll-view scroll-y class="content">
|
||
|
|
<view class="progress-box">
|
||
|
|
<view class="progress-head">
|
||
|
|
<text class="progress-label">复习进度</text>
|
||
|
|
<text class="progress-count">题号 {{current}} <text class="progress-total">/ {{total}}</text></text>
|
||
|
|
</view>
|
||
|
|
<view class="progress-bar ghost-border"><view class="progress-fill" style="width: {{progress}}%;"></view></view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="glass-card question-card ghost-border">
|
||
|
|
<view class="ambient-glow"></view>
|
||
|
|
<view class="meaning-wrap">
|
||
|
|
<text class="meaning">{{meaning}}</text>
|
||
|
|
</view>
|
||
|
|
<text class="word">p<text class="gap">_ _ _</text>perity</text>
|
||
|
|
<view class="input-shell">
|
||
|
|
<input class="answer" value="{{answer}}" placeholder="输入缺失字母..." bindinput="onAnswerInput" />
|
||
|
|
</view>
|
||
|
|
<view wx:if="{{showFeedback}}" class="feedback">{{feedback}}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="actions-cluster">
|
||
|
|
<button class="secondary-btn" bindtap="checkAnswer">查看解析</button>
|
||
|
|
<button class="primary-btn" bindtap="nextQuestion">下一题</button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="master-action" bindtap="markMastered">
|
||
|
|
<text class="master-text {{masterHint ? 'active' : ''}}">标记已掌握</text>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|