kydc/settings/settings.wxml

60 lines
2.6 KiB
Plaintext

<view class="page">
<scroll-view scroll-y class="content">
<view class="header">
<text class="title">设置</text>
<text class="subtitle">调整你的学习体验与交互偏好</text>
</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:if="{{settings}}" class="section-block">
<view class="section-head">
<view class="section-ico">⚙</view>
<text class="section-title">复习参数</text>
</view>
<view class="panel">
<view class="row">
<view><text class="label">挖空数量</text><text class="desc">题型 C 中每题挖空的词数</text></view>
<view class="value-group">
<input class="setting-input" type="number" value="{{settings.blank_count}}" bindinput="onBlankCountInput" />
</view>
</view>
<view class="row">
<view><text class="label">挖空难度</text><text class="desc">影响挖空比例与保留字母</text></view>
<view class="value-group">
<picker mode="selector" range="{{difficultyOptions}}" range-key="label" value="{{difficultyIndex}}" bindchange="onDifficultyChange">
<view class="picker-value accent">{{difficultyLabel}}</view>
</picker>
</view>
</view>
</view>
</view>
<view wx:if="{{settings}}" class="section-block">
<view class="section-head">
<view class="section-ico">☀</view>
<text class="section-title">交互设置</text>
</view>
<view class="panel">
<view class="row" bindtap="toggleSetting" data-key="auto_next_question">
<view><text class="label">自动进入下一词</text><text class="desc">答题后自动跳转,保持心流状态</text></view>
<view class="toggle {{settings.auto_next_question ? 'on' : ''}}">{{settings.auto_next_question ? 'ON' : 'OFF'}}</view>
</view>
<view class="row" bindtap="toggleSetting" data-key="show_answer_after_submit">
<view><text class="label">提交后显示答案</text><text class="desc">答题后直接显示正确答案</text></view>
<view class="toggle {{settings.show_answer_after_submit ? 'on' : ''}}">{{settings.show_answer_after_submit ? 'ON' : 'OFF'}}</view>
</view>
</view>
</view>
<view class="save-wrap"><button class="save-btn" bindtap="save">保存设置</button></view>
</scroll-view>
</view>