Files
wx_pbzc/components/calendar-heatmap/calendar-heatmap.wxml
T
lc 89d93c8155 refactor(ui): 12-point UI polish and bugfixes
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
2026-06-04 16:34:22 +08:00

31 lines
1.1 KiB
Plaintext

<view class="heatmap-container">
<view class="calendar-header">
<view class="weekday-labels">
<text class="weekday" wx:for="{{['日','一','二','三','四','五','六']}}" wx:key="*this">{{item}}</text>
</view>
</view>
<view class="calendar-grid">
<view class="calendar-week" wx:for="{{weeks}}" wx:key="index">
<view
class="calendar-day {{cell && cell.duration > 0 ? 'has-data' : 'empty'}}"
wx:for="{{item}}"
wx:for-item="cell"
wx:key="index"
style="background-color: {{cell ? cell.color : 'transparent'}};"
data-day="{{cell ? cell.day : ''}}"
bindtap="onDayTap"
>
<text class="day-num" wx:if="{{cell}}">{{cell.day}}</text>
</view>
</view>
</view>
<view class="heat-legend">
<text class="legend-label">少</text>
<view class="legend-block" style="background:#FFE0D0;"></view>
<view class="legend-block" style="background:#FFB088;"></view>
<view class="legend-block" style="background:#FF6B35;"></view>
<view class="legend-block" style="background:#E05520;"></view>
<text class="legend-label">多</text>
</view>
</view>