index.wxml 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <view class="checkin-container">
  2. <!-- 用户信息栏 -->
  3. <view class="user-header">
  4. <view class="user-info">
  5. <image class="avatar" src="{{userInfo.memberphoto || appAssetsUrl2 + 'new/user.png'}}" mode="aspectFill"></image>
  6. <view class="user-details">
  7. <view class="nickname">{{userInfo.vipname}} 👑</view>
  8. </view>
  9. </view>
  10. <view class="points-info">
  11. <view class="points-number" bindtap="onPointsTap">{{totalScore||0}}</view>
  12. <view class="points-label">我的积分</view>
  13. </view>
  14. </view>
  15. <!-- 签到标题和月份 -->
  16. <view class="checkin-header">
  17. <view class="checkin-title">每日签到</view>
  18. <view class="month-info">{{currentYear}}.{{currentMonth}}月</view>
  19. </view>
  20. <!-- 日历组件 -->
  21. <view class="calendar-container">
  22. <!-- 星期标题 -->
  23. <view class="weekdays">
  24. <view class="weekday" wx:for="{{weekdays}}" wx:key="index">{{item}}</view>
  25. </view>
  26. <!-- 日期网格 -->
  27. <view class="calendar-grid">
  28. <view class="calendar-day {{item.isEmpty ? 'empty' : ''}} {{item.isToday && !item.isChecked ? 'today' : ''}} {{item.isChecked ? 'checked' : ''}}" wx:for="{{calendarDays}}" wx:key="index">
  29. <view class="day-number" wx:if="{{!item.isEmpty}}">{{item.day}}</view>
  30. <view class="check-dot" wx:if="{{item.isChecked && !item.isEmpty}}">√</view>
  31. </view>
  32. </view>
  33. <!-- 签到按钮 -->
  34. <view class="checkin-btn-container">
  35. <button class="checkin-btn {{isCheckedToday ? 'disabled' : ''}}" bindtap="handleCheckin" disabled="{{isCheckedToday}}">{{
  36. isCheckedToday ? '今日已签到' : '立即签到'
  37. }}</button>
  38. </view>
  39. </view>
  40. <!-- 积分任务 -->
  41. <view class="tasks-section">
  42. <view class="tasks-title">积分任务</view>
  43. <view class="tasks-list">
  44. <view class="task-item" wx:for="{{tasks}}" wx:key="id" bindtap="handleTaskClick" data-item="{{item}}">
  45. <view class="task-content">
  46. <!-- <image class="task-icon" src="{{item.icon || appAssetsUrl2 + 'new/user.png'}}" mode="aspectFit"></image> -->
  47. <!--<view class="box">
  48. <image class="task-icon" wx:if="{{item.taskName=='完善资料'}}" mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/task-icon1.png"></image>
  49. <image class="task-icon" wx:if="{{item.taskName=='分享小程序'}}" mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/task-icon2.png"></image>
  50. <image class="task-icon" wx:if="{{item.taskName=='每日登录'}}" mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/task-icon3.png"></image>
  51. <image class="task-icon" wx:if="{{item.taskName=='成功邀请好友'}}" mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/task-icon4.png"></image>
  52. <image class="task-icon" wx:if="{{item.taskName=='购买会员'}}" mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/task-icon5.png"></image>
  53. <image class="task-icon" wx:if="{{item.taskName=='参加兼职/成长会'}}" mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/task-icon6.png"></image>
  54. <image class="task-icon" wx:if="{{item.taskName=='评价'}}" mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/task-icon7.png"></image>
  55. <image class="task-icon" wx:if="{{item.taskName=='商城兑换'}}" mode="widthFix" src="{{appAssetsUrl}}/images/pointExchange/task-icon8.png"></image>
  56. </view>-->
  57. <view class="task-info">
  58. <view class="task-title">{{item.taskName}}</view>
  59. <view class="task-desc">{{item.desc}}</view>
  60. </view>
  61. </view>
  62. <view class="task-action {{item.complete ? 'complete' : ''}}">
  63. <text class="action-text">{{item.complete ? '已完成' : '去完成'}}</text>
  64. </view>
  65. </view>
  66. </view>
  67. </view>
  68. </view>