114 lines
3.7 KiB
Plaintext
114 lines
3.7 KiB
Plaintext
<view class="container" style="{{themeStyle}}">
|
|
|
|
<!-- 顶部问候 -->
|
|
<view class="greeting-row">
|
|
<view class="greeting-text">
|
|
<text class="greeting-emoji">{{todayDone ? '💪' : '👋'}}</text>
|
|
<text class="greeting-title">{{todayDone ? '太棒了！' : '准备好了吗？'}}</text>
|
|
</view>
|
|
<text class="greeting-sub">{{todayDone ? '继续保持这个势头' : '今天的平板支撑等着你'}}</text>
|
|
</view>
|
|
|
|
<!-- 连续打卡卡片 -->
|
|
<view class="header-card card">
|
|
<view class="streak-section">
|
|
<text class="streak-icon">🔥</text>
|
|
<text class="streak-num">{{streakCount}}</text>
|
|
<text class="streak-label">连续打卡</text>
|
|
</view>
|
|
<view class="divider"></view>
|
|
<view class="plan-info">
|
|
<view class="plan-badge">
|
|
<text class="plan-badge-icon">📋</text>
|
|
<text class="plan-badge-text">{{planName}}</text>
|
|
</view>
|
|
<view class="progress-bar-wrap">
|
|
<view class="progress-bar">
|
|
<view class="progress-fill" style="width: {{planProgress}}%;">
|
|
<view class="progress-glow"></view>
|
|
</view>
|
|
</view>
|
|
<text class="progress-label">第 {{planDay}} / {{planTotal}} 天</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 今日目标卡片 -->
|
|
<view class="target-section card">
|
|
<view class="target-header">
|
|
<text class="target-icon">🎯</text>
|
|
<text class="section-title">今日目标</text>
|
|
</view>
|
|
<view class="target-display">
|
|
<view class="target-ring">
|
|
<text class="target-time">{{todayTargetText}}</text>
|
|
</view>
|
|
<text class="target-unit">平板支撑</text>
|
|
</view>
|
|
<view class="today-status">
|
|
<block wx:if="{{todayDone}}">
|
|
<view class="done-badge">
|
|
<text class="done-emoji">✨</text>
|
|
<text class="done-text">今日已完成 {{todayDuration}} 秒</text>
|
|
</view>
|
|
</block>
|
|
<block wx:else>
|
|
<text class="pending-text">⏳ 还未开始训练</text>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 操作按钮区 -->
|
|
<view class="action-buttons">
|
|
<button class="start-btn btn-primary" bindtap="onStartTrain">
|
|
<text class="btn-icon">{{todayDone ? '🔄' : '▶'}}</text>
|
|
<text>{{todayDone ? '再次训练' : '开始训练'}}</text>
|
|
</button>
|
|
|
|
<button class="free-btn" bindtap="onFreeTrain">
|
|
<text class="free-icon">⏱</text>
|
|
<text>自由训练 · 自定义时长</text>
|
|
</button>
|
|
</view>
|
|
|
|
<!-- 小提示 -->
|
|
<view class="tip-card">
|
|
<text class="tip-icon">💡</text>
|
|
<text class="tip-text">保持身体成一条直线，核心收紧，均匀呼吸</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 时间选择弹窗 -->
|
|
<view class="modal-overlay" wx:if="{{showPicker}}" bindtap="onClosePicker">
|
|
<view class="picker-modal" catchtap="noop">
|
|
<text class="picker-title">⏱ 选择训练时长</text>
|
|
<view class="preset-grid">
|
|
<view
|
|
class="preset-item {{customDuration === item ? 'selected' : ''}}"
|
|
wx:for="{{presets}}"
|
|
wx:key="*this"
|
|
data-value="{{item}}"
|
|
bindtap="onSelectPreset"
|
|
>
|
|
<text class="preset-num">{{item}}</text>
|
|
<text class="preset-unit">秒</text>
|
|
</view>
|
|
</view>
|
|
<view class="custom-input-row">
|
|
<text class="custom-label">自定义：</text>
|
|
<input
|
|
class="custom-input"
|
|
type="number"
|
|
placeholder="输入秒数"
|
|
value="{{customInput}}"
|
|
bindinput="onCustomInput"
|
|
/>
|
|
<text class="custom-label">秒</text>
|
|
</view>
|
|
<button class="picker-confirm btn-primary" bindtap="onConfirmFree">
|
|
开始自由训练
|
|
</button>
|
|
<text class="picker-cancel" bindtap="onClosePicker">取消</text>
|
|
</view>
|
|
</view>
|