Files
wx_pbzc/pages/settings/settings.wxml
T

116 lines
3.8 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<view class="container" style="{{themeStyle}}">
<!-- 配色方案 -->
<view class="card">
<view class="section-header">
<text class="section-emoji">🎨</text>
<text class="section-title">配色方案</text>
</view>
<view class="theme-list">
<view
class="theme-item {{currentThemeId === item.id ? 'active' : ''}}"
wx:for="{{themes}}"
wx:key="id"
data-id="{{item.id}}"
bindtap="onSelectTheme"
>
<view class="theme-color-dot" style="background: {{item.primary}};"></view>
<text class="theme-name">{{item.name}}</text>
<text class="plan-check" wx:if="{{currentThemeId === item.id}}">✓</text>
</view>
</view>
</view>
<!-- 训练计划选择 -->
<view class="card">
<view class="section-header">
<text class="section-emoji">📋</text>
<text class="section-title">训练计划</text>
</view>
<view class="plan-list">
<view
class="plan-item {{currentPlanId === item.id ? 'active' : ''}}"
wx:for="{{plans}}"
wx:key="id"
data-id="{{item.id}}"
bindtap="onSelectPlan"
>
<view class="plan-radio">
<view class="radio-dot" wx:if="{{currentPlanId === item.id}}"></view>
</view>
<view class="plan-content">
<text class="plan-item-name">{{item.name}}</text>
<text class="plan-item-desc">{{item.desc}}</text>
</view>
<text class="plan-check" wx:if="{{currentPlanId === item.id}}">✓</text>
</view>
</view>
</view>
<!-- 提醒设置 -->
<view class="card">
<view class="section-header">
<text class="section-emoji">🔔</text>
<text class="section-title">提醒</text>
</view>
<view class="setting-row">
<view class="setting-left">
<text class="setting-icon">📅</text>
<text class="setting-label">每日提醒</text>
</view>
<switch checked="{{dailyReminder}}" bindchange="onToggleReminder" color="{{theme.primary}}"/>
</view>
<view class="setting-row" wx:if="{{dailyReminder}}">
<view class="setting-left">
<text class="setting-icon">🕐</text>
<text class="setting-label">提醒时间</text>
</view>
<picker mode="time" value="{{reminderTime}}" bindchange="onReminderTimeChange">
<text class="setting-value">{{reminderTime}}</text>
</picker>
</view>
</view>
<!-- 训练偏好 -->
<view class="card">
<view class="section-header">
<text class="section-emoji">⚙</text>
<text class="section-title">训练偏好</text>
</view>
<view class="setting-row">
<view class="setting-left">
<text class="setting-icon">🔊</text>
<text class="setting-label">语音引导</text>
</view>
<switch checked="{{voiceGuide}}" bindchange="onToggleVoice" color="{{theme.primary}}"/>
</view>
<view class="setting-row">
<view class="setting-left">
<text class="setting-icon">📳</text>
<text class="setting-label">振动反馈</text>
</view>
<switch checked="{{vibrate}}" bindchange="onToggleVibrate" color="{{theme.primary}}"/>
</view>
</view>
<!-- 关于 -->
<view class="card about-card">
<view class="section-header">
<text class="section-emoji"></text>
<text class="section-title">关于</text>
</view>
<view class="about-list">
<view class="about-row">
<text class="about-label">版本</text>
<text class="about-value">v1.0.0</text>
</view>
<view class="about-row" bindtap="onCopyWechat">
<text class="about-label">开发者</text>
<text class="about-value about-link">刘承</text>
</view>
</view>
<view class="about-footer">
<text class="about-copy">Made with ❤️ for better fitness</text>
</view>
</view>
</view>