lc
89d93c8155
Bug fixes: - #1 Remove duplicate month label from calendar-heatmap (shown twice in records) - #2 Extract shared .modal-overlay to app.wxss (was duplicated in index/records) UX improvements: - #3 Add long-press hint to history list in records page - #4 Add drag handle + catchtouchmove to picker modal - #5 Extend timer auto-navigate-back from 1.5s to 3s - #6 Add clear data option in settings with confirmation dialog Visual/code polish: - #7 Remove 4 unused @keyframes (shimmer, spin) and 5 unused .icon classes - #8 Tab bar inactive colors: hardcoded #888/#666 -> var(--text-secondary) - #10 Split progress-ring observer to avoid redundant setData on size/color changes - #12 Remove meaningless Math.min(planDay, 99) cap
93 lines
3.4 KiB
Plaintext
93 lines
3.4 KiB
Plaintext
<view class="container" style="{{themeStyle}}">
|
||
<!-- 统计卡片 -->
|
||
<view class="stats card">
|
||
<view class="stat-item">
|
||
<text class="stat-emoji">📊</text>
|
||
<text class="stat-num">{{totalSessions}}次</text>
|
||
<text class="stat-label">训练次数</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<text class="stat-emoji">⏱</text>
|
||
<text class="stat-num">{{totalDurationText}}</text>
|
||
<text class="stat-label">累计时长</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<text class="stat-emoji">🏆</text>
|
||
<text class="stat-num">{{maxDurationText}}</text>
|
||
<text class="stat-label">最长记录</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 日历热力图 -->
|
||
<view class="calendar-section card">
|
||
<view class="month-picker">
|
||
<view class="month-arrow" bindtap="onPrevMonth">‹</view>
|
||
<view class="month-title-wrap">
|
||
<text class="month-emoji">🗓</text>
|
||
<text class="month-title">{{currentYear}}年 {{currentMonth}}月</text>
|
||
</view>
|
||
<view class="month-arrow" bindtap="onNextMonth">›</view>
|
||
</view>
|
||
<calendar-heatmap
|
||
year="{{currentYear}}"
|
||
month="{{currentMonth}}"
|
||
records="{{monthRecords}}"
|
||
binddaytap="onDayTap"
|
||
></calendar-heatmap>
|
||
</view>
|
||
|
||
<!-- 历史记录 -->
|
||
<view class="history-section card">
|
||
<view class="history-header">
|
||
<text class="section-title">📋 最近记录</text>
|
||
<text class="history-hint" wx:if="{{historyList.length > 0}}">长按可删除</text>
|
||
</view>
|
||
<view wx:if="{{historyList.length === 0}}" class="empty-state">
|
||
<text class="empty-emoji">🏃</text>
|
||
<text class="empty-text">还没有训练记录</text>
|
||
<text class="empty-sub">开始你的第一次平板支撑吧</text>
|
||
</view>
|
||
<view class="history-list">
|
||
<view class="history-item" wx:for="{{historyList}}" wx:key="id" data-id="{{item.id}}" bindlongpress="onDeleteRecord">
|
||
<text class="history-icon">
|
||
{{item.duration >= 120 ? '🔥' : item.duration >= 60 ? '💪' : '✅'}}
|
||
</text>
|
||
<view class="history-left">
|
||
<text class="history-date">{{item.date}}</text>
|
||
<text class="history-plan">第 {{item.day}} 天</text>
|
||
</view>
|
||
<view class="history-right">
|
||
<text class="history-duration">{{item.duration}}s</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 日期详情弹窗 -->
|
||
<view class="modal-overlay modal-overlay-center" wx:if="{{showDayDetail}}" bindtap="onCloseDayDetail">
|
||
<view class="day-detail-modal" catchtap="noop">
|
||
<view class="detail-date-row">
|
||
<text class="detail-emoji">📅</text>
|
||
<text class="detail-date">{{dayDetail.date}}</text>
|
||
</view>
|
||
<view class="detail-grid">
|
||
<view class="detail-item">
|
||
<text class="detail-num">{{dayDetail.sessions}}次</text>
|
||
<text class="detail-label">训练次数</text>
|
||
</view>
|
||
<view class="detail-item">
|
||
<text class="detail-num">{{dayDetail.durationText}}</text>
|
||
<text class="detail-label">总时长</text>
|
||
</view>
|
||
<view class="detail-item">
|
||
<text class="detail-num">{{dayDetail.calories}}</text>
|
||
<text class="detail-label">约消耗 (千卡)</text>
|
||
</view>
|
||
</view>
|
||
<view class="detail-close" bindtap="onCloseDayDetail">
|
||
<text>关闭</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|