47 lines
2.3 KiB
Plaintext
47 lines
2.3 KiB
Plaintext
<view class="page">
|
|
<view class="topbar">
|
|
<view class="brand">
|
|
<view class="avatar-wrap"><image class="avatar" src="https://picsum.photos/201" mode="aspectFill" /></view>
|
|
<text class="brand-text">VocabMaster</text>
|
|
</view>
|
|
<view class="icon-btn">🔔</view>
|
|
</view>
|
|
<scroll-view scroll-y class="content config-content">
|
|
<view class="heading">
|
|
<text class="title">配置复习计划</text>
|
|
<text class="subtitle">定制您的专属认知强化训练，进入深度心流状态。</text>
|
|
</view>
|
|
|
|
<view class="config-card">
|
|
<text class="section-title">时间范围</text>
|
|
<view class="chip-row">
|
|
<text wx:for="{{timeRanges}}" wx:key="index" data-index="{{index}}" bindtap="setTimeRange" class="chip {{index===activeTimeRange?'active':''}}">{{item}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="config-card">
|
|
<text class="section-title">内容类型</text>
|
|
<view class="two-grid">
|
|
<view wx:for="{{contentTypes}}" wx:key="index" data-index="{{index}}" bindtap="setContentType" class="option-box {{index===activeContentType?'active':''}}">{{item}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="config-card">
|
|
<text class="section-title">训练模式</text>
|
|
<view class="mode-list">
|
|
<view wx:for="{{modes}}" wx:key="index" data-index="{{index}}" bindtap="setMode" class="mode-item {{index===activeMode?'active':''}}">{{item}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="config-card">
|
|
<text class="section-title">策略微调</text>
|
|
<view class="switch-row" bindtap="toggleOnlyReview"><text>仅待复习</text><text class="switch {{onlyReview?'on':''}}">{{onlyReview ? 'ON' : 'OFF'}}</text></view>
|
|
<view class="switch-row" bindtap="toggleShuffle"><text>随机打乱</text><text class="switch {{shuffle?'on':''}}">{{shuffle ? 'ON' : 'OFF'}}</text></view>
|
|
<view class="range-row"><text>题量选择</text><text class="accent">{{questionCount}} 词</text></view>
|
|
<slider min="5" max="100" step="5" value="{{questionCount}}" activeColor="#c19cff" backgroundColor="#23262c" bindchanging="onQuestionCountInput" bindchange="onQuestionCountInput" />
|
|
</view>
|
|
|
|
<button class="start-btn" bindtap="startReview">开始复习</button>
|
|
</scroll-view>
|
|
</view>
|