index.wxml 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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">
  8. <text >{{userInfo.vipname}}</text>
  9. <image class="vip-icon" src="{{appAssetsUrl3}}user-icon/vip-icon3.png"></image>
  10. </view>
  11. </view>
  12. </view>
  13. <view class="points-info">
  14. <view class="points-number" bindtap="onPointsTap">{{totalScore||0}}</view>
  15. <view class="points-label">我的积分</view>
  16. </view>
  17. </view>
  18. <!-- 签到标题和月份 -->
  19. <view class="checkin-header">
  20. <view class="checkin-title">每日签到</view>
  21. <view class="month-info">{{currentYear}}.{{currentMonth}}月</view>
  22. </view>
  23. <!-- 日历组件 -->
  24. <view class="calendar-container">
  25. <!-- 星期标题 -->
  26. <view class="weekdays">
  27. <view class="weekday" wx:for="{{weekdays}}" wx:key="index">{{item}}</view>
  28. </view>
  29. <!-- 日期网格 -->
  30. <view class="calendar-grid">
  31. <view class="calendar-day {{item.isEmpty ? 'empty' : ''}} {{item.isToday && !item.isChecked ? 'today' : ''}} {{item.isChecked ? 'checked' : ''}}" wx:for="{{calendarDays}}" wx:key="index">
  32. <view class="day-number" wx:if="{{!item.isEmpty}}">{{item.day}}</view>
  33. <!--<view class="check-dot" wx:if="{{item.isChecked && !item.isEmpty}}">√</view>-->
  34. <image class="day-image" src="/assets/images/icon_1.png" mode="" lazy-load="false" wx:if="{{item.isChecked && !item.isEmpty}}"></image>
  35. </view>
  36. </view>
  37. <!-- 签到按钮 -->
  38. <view class="checkin-btn-container">
  39. <button class="checkin-btn {{isCheckedToday ? 'disabled' : ''}}" bindtap="handleCheckin" disabled="{{isCheckedToday}}">{{
  40. isCheckedToday ? '今日已签到' : '立即签到'
  41. }}</button>
  42. </view>
  43. </view>
  44. <!-- 积分任务 -->
  45. <view class="tasks-section">
  46. <view class="tasks-title">积分任务</view>
  47. <view class="tasks-list">
  48. <view class="task-item" wx:for="{{tasks}}" wx:key="id" bindtap="handleTaskClick" data-item="{{item}}">
  49. <view class="task-content">
  50. <view class="box">
  51. <image class="task-icon" wx:if="{{item.taskName=='邀请好友'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_1.png"></image>
  52. <image class="task-icon" wx:if="{{item.taskName=='观看广告'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_2.png"></image>
  53. <image class="task-icon" wx:if="{{item.taskName=='参加兼职/成长会' || item.taskName=='参与兼职'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_3.png"></image>
  54. <image class="task-icon" wx:if="{{item.taskName=='每日签到'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_4.png"></image>
  55. <image class="task-icon" wx:if="{{item.taskName=='购买会员' || item.taskName=='开通会员'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_5.png"></image>
  56. <image class="task-icon" wx:if="{{item.taskName=='学籍认证' || item.taskName=='完成学籍认证'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_6.png"></image>
  57. <image class="task-icon" wx:if="{{item.taskName=='完善资料' || item.taskName=='完善个人资料'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_7.png"></image>
  58. <image class="task-icon" wx:if="{{item.taskName=='参与活动'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_8.png"></image>
  59. <image class="task-icon" wx:if="{{item.taskName=='参与活动'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_8.png"></image>
  60. <image class="task-icon" wx:if="{{item.taskName=='分享小程序'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_9.png"></image>
  61. <image class="task-icon" wx:if="{{item.taskName=='每日登录'}}" mode="widthFix" src="{{appAssetsUrl3}}task-icon/icon_10.png"></image>
  62. </view>
  63. <view class="task-info">
  64. <view class="task-title">{{item.taskName}}</view>
  65. <view class="task-desc">{{item.desc}}</view>
  66. </view>
  67. </view>
  68. <button open-type='share' wx:if="{{item.taskName=='分享小程序' && !item.complete}}" class="task-action {{item.complete ? 'complete' : ''}}">
  69. <text class="action-text">{{item.complete ? '已完成' : '去完成'}}</text>
  70. </button>
  71. <view class="task-action {{item.complete ? 'complete' : ''}}" wx:if="{{item.taskName!='分享小程序' || (item.taskName=='分享小程序' && item.complete)}}">
  72. <text class="action-text">{{item.complete ? '已完成' : '去完成'}}</text>
  73. </view>
  74. </view>
  75. </view>
  76. </view>
  77. <!-- 广告 -->
  78. <uni-ad adpid="1204664147" class="uni-rewarded-video-ad" bind:load="onadload" bind:close="onadclose" bind:error="onaderror"></uni-ad>
  79. </view>