53 lines
1.8 KiB
Plaintext
53 lines
1.8 KiB
Plaintext
<view class="container">
|
|
<view class="summary-card">
|
|
<view class="month-display">{{ currentYear }}年{{ currentMonth }}月</view>
|
|
<view class="stats-row">
|
|
<view class="stat-item">
|
|
<text class="stat-number">{{ consecutiveCheckInDays }}</text>
|
|
<text class="stat-label">连续签到</text>
|
|
</view>
|
|
<view class="divider-v"></view>
|
|
<view class="stat-item">
|
|
<text class="stat-number">{{ monthCheckInDays }}</text>
|
|
<text class="stat-label">本月签到</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="today-checkin-box">
|
|
<view class="checkin-button" wx:if="{{ !todayCheckedIn }}" bindtap="handleCheckIn">
|
|
<text>签到</text>
|
|
</view>
|
|
<view class="checked-in-status" wx:else>
|
|
<text>已签到</text>
|
|
</view>
|
|
</view>
|
|
<text class="checkin-tip" wx:if="{{ todayCheckedIn }}">今日已完成签到，明天继续哦～</text>
|
|
<text class="checkin-tip" wx:else>点击签到，记录美好生活～</text>
|
|
</view>
|
|
|
|
<view class="calendar-card">
|
|
<view class="calendar-header">
|
|
<text class="calendar-title">签到日历</text>
|
|
</view>
|
|
|
|
<view class="calendar-weekdays">
|
|
<block wx:for="{{ weekdays }}" wx:key="*this">
|
|
<text class="weekday-item">{{ item }}</text>
|
|
</block>
|
|
</view>
|
|
|
|
<view class="calendar-days">
|
|
<block wx:for="{{ calendarDays }}" wx:key="index">
|
|
<view
|
|
class="day-item {{ item.isPrevMonth || item.isNextMonth ? 'other-month' : '' }} {{ item.isToday ? 'today' : '' }}"
|
|
data-date="{{ item.fullDate }}"
|
|
bindtap="handleDayClick"
|
|
>
|
|
<view class="day-content {{ item.isCheckedIn ? 'checked-in' : '' }}">
|
|
<text class="day-number">{{ item.day }}</text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view> |