index.wxml 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!-- 打卡日历页面 -->
  2. <nav title="签到中心" type="back" background-color="#2681ff"></nav>
  3. <view class="continuouspunching_style">
  4. <!-- 累计打卡次数 -->
  5. <view class="clockfrequency_view_style">
  6. <view class="daka_info">
  7. <view class="daka_tiansu">
  8. <text class="daka_number_style">{{count}}</text>
  9. 天
  10. </view>
  11. <view class="daka_jiesao">累计打卡</view>
  12. </view>
  13. <view class="daka_info">
  14. <view class="daka_tiansu">
  15. <text class="daka_number_style">{{continuous_daka_count}}</text>
  16. 天
  17. </view>
  18. <view class="daka_jiesao">连续打卡</view>
  19. </view>
  20. </view>
  21. <!-- 累计打卡次数end -->
  22. <!-- 日历 -->
  23. <view class='all'>
  24. <view class="bar">
  25. <!-- 显示年月 -->
  26. <view class="date">
  27. <view class="sanjiao" bindtap="handleCalendar" data-handle="prev"></view>
  28. {{cur_year || "--"}} 年 {{cur_month || "--"}} 月
  29. <view class="you_sanjiao" bindtap="handleCalendar" data-handle="next"></view>
  30. </view>
  31. </view>
  32. <!-- 显示星期 -->
  33. <view class="week">
  34. <view wx:for="{{weeks_ch}}" wx:key="index" data-idx="{{index}}">{{item}}</view>
  35. </view>
  36. <view class='days'>
  37. <!-- 列 -->
  38. <view class="columns" wx:for="{{days.length/7}}" wx:for-index="i" wx:key="i">
  39. <view wx:for="{{days}}" wx:for-index="j" wx:key="j">
  40. <!-- 行 -->
  41. <view class="rows" wx:if="{{j/7 == i}}">
  42. <view class="rows" wx:for="{{7}}" wx:for-index="k" wx:key="k">
  43. <!-- 每个月份的空的单元格 -->
  44. <view class='cell' wx:if="{{days[j+k].date == null}}">
  45. <text decode="{{true}}">&nbsp;&nbsp;</text>
  46. </view>
  47. <!-- 每个月份的有数字的单元格 -->
  48. <view class='cell' wx:else>
  49. <!-- 当前日期已签到 -->
  50. <view wx:if="{{days[j+k].isSign == true}}" style='background-color:#2681FF; color: white;' class='cell'>
  51. <text>{{days[j+k].date}}</text>
  52. </view>
  53. <!-- 当前日期未签到 -->
  54. <view wx:else>
  55. <text>{{days[j+k].date}}</text>
  56. </view>
  57. </view>
  58. </view>
  59. </view>
  60. </view>
  61. </view>
  62. </view>
  63. </view>
  64. <view class="credit">{{task.desc}}</view>
  65. <van-button custom-class="mxc2-1" color="#2681ff" round type="primary" size="large" bind:click="check">每日签到</van-button>
  66. </view>