32 lines
1.2 KiB
Plaintext
32 lines
1.2 KiB
Plaintext
<view class="heatmap-container">
|
|
<view class="calendar-header">
|
|
<text class="month-label">{{year}}年{{month}}月</text>
|
|
<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>
|