toutoukan_front/miniprogram/pages/daily/daily.wxml

<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>