app/pages/checkin/index.wxml

<view class="checkin-container">
  <!-- 用户信息栏 -->
  <view class="user-header">
    <view class="user-info">
      <image class="avatar" src="{{userInfo.memberphoto || appAssetsUrl2 + 'new/user.png'}}" mode="aspectFill"></image>
      <view class="user-details">
        <view class="nickname">{{userInfo.vipname}} 👑</view>
      </view>
    </view>
    <view class="points-info">
      <view class="points-number" bindtap="onPointsTap">{{totalScore||0}}</view>
      <view class="points-label">我的积分</view>
    </view>
  </view>
  <!-- 签到标题和月份 -->
  <view class="checkin-header">
    <view class="checkin-title">每日签到</view>
    <view class="month-info">{{currentYear}}.{{currentMonth}}月</view>
  </view>
  <!-- 日历组件 -->
  <view class="calendar-container">
    <!-- 星期标题 -->
    <view class="weekdays">
      <view class="weekday" wx:for="{{weekdays}}" wx:key="index">{{item}}</view>
    </view>
    <!-- 日期网格 -->
    <view class="calendar-grid">
      <view class="calendar-day {{item.isEmpty ? 'empty' : ''}} {{item.isToday && !item.isChecked ? 'today' : ''}} {{item.isChecked ? 'checked' : ''}}" wx:for="{{calendarDays}}" wx:key="index">
        <view class="day-number" wx:if="{{!item.isEmpty}}">{{item.day}}</view>
        <view class="check-dot" wx:if="{{item.isChecked && !item.isEmpty}}">√</view>
      </view>
    </view>
         <!-- 签到按钮 -->
     <view class="checkin-btn-container">
       <button class="checkin-btn {{isCheckedToday ? 'disabled' : ''}}" bindtap="handleCheckin" disabled="{{isCheckedToday}}">{{
        isCheckedToday ? '今日已签到' : '立即签到'
       }}</button>
     </view>
  </view>

  <!-- 积分任务 -->
  <view class="tasks-section">
    <view class="tasks-title">积分任务</view>
    <view class="tasks-list">
      <view class="task-item" wx:for="{{tasks}}" wx:key="id" bindtap="handleTaskClick" data-item="{{item}}">
        <view class="task-content">
          <view class="box">
            <image class="task-icon" wx:if="{{item.taskName=='邀请好友'}}" mode="widthFix" src="/assets/images/task-icon/icon_1.png"></image>
            <!--
            <image class="task-icon" wx:if="{{item.taskName=='观看广告'}}" mode="widthFix" src="/assets/images/task-icon/icon_2.png"></image>
            -->
            <image class="task-icon" wx:if="{{item.taskName=='参加兼职/成长会' ||  item.taskName=='参与兼职'}}" mode="widthFix" src="/assets/images/task-icon/icon_3.png"></image>
            <image class="task-icon" wx:if="{{item.taskName=='每日签到'}}" mode="widthFix" src="/assets/images/task-icon/icon_4.png"></image>
            <image class="task-icon" wx:if="{{item.taskName=='购买会员' ||  item.taskName=='开通会员'}}" mode="widthFix" src="/assets/images/task-icon/icon_5.png"></image>
            <image class="task-icon" wx:if="{{item.taskName=='学籍认证' ||  item.taskName=='完成学籍认证'}}" mode="widthFix" src="/assets/images/task-icon/icon_6.png"></image>
            <image class="task-icon" wx:if="{{item.taskName=='完善资料' ||  item.taskName=='完善个人资料'}}" mode="widthFix" src="/assets/images/task-icon/icon_7.png"></image>
            <image class="task-icon" wx:if="{{item.taskName=='参与活动'}}" mode="widthFix" src="/assets/images/task-icon/icon_8.png"></image>
          </view>
          <view class="task-info">
            <view class="task-title">{{item.taskName}}</view>
            <view class="task-desc">{{item.desc}}</view>
          </view>
        </view>
        <view class="task-action {{item.complete ? 'complete' : ''}}">
          <text class="action-text">{{item.complete ? '已完成' : '去完成'}}</text>
        </view>
      </view>
    </view>
  </view>
</view>