xx-calendar.wxml 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!--components/xx-calendar/xx-calendar.wxml-->
  2. <!-- 头部 -->
  3. <view class="title-wrap">
  4. <view class="change-date">
  5. <view class="prev" bindtap="changeMonthFun" data-type="prev">
  6. <image src="./prev.png" mode="" />
  7. </view>
  8. <view class="year-mouth">
  9. {{year}}年 {{month}}月
  10. </view>
  11. <view clstyle="next" bindtap="changeMonthFun" data-type="next">
  12. <image src="./next.png" mode="" />
  13. </view>
  14. </view>
  15. <view class="week">
  16. <text wx:for="{{weeksArr}}" wx:key="*this">{{item}}</text>
  17. </view>
  18. </view>
  19. <!-- 日期 -->
  20. <view class="date-wrap">
  21. <!-- 上个月日期 -->
  22. <view wx:for="{{lastMonthDays}}" wx:key="*this" class="mouth-date last-mouth">
  23. <text class="day-text">{{item.date}}</text>
  24. <!-- 农历还未配置,不用管,你可以二开这个组件,因为我们的设计图不显示上下月的日期,故不渲染也可以 -->
  25. <text class="day-nongli">十五</text>
  26. <text class="day-dot"></text>
  27. </view>
  28. <!-- 当月日期 -->
  29. <view class="mouth-date current-mouth" wx:for="{{nowMonthDays}}" wx:key="*this" bindtap="selectDate"
  30. data-item="{{item}}" data-type="nowMonthDays" data-index="{{index}}"
  31. >
  32. <view class="day-box {{item.isNowMonthDay?'active':''}}">
  33. <!-- <text class="day-text {{item.color?'color':''}}">{{item.date}}</text> -->
  34. <text class="day-text">{{item.date}}</text>
  35. <!-- day 后面会换成农历展示 -->
  36. <!-- <text class="day-nongli">{{item.day}}</text> -->
  37. <text class=" {{item.color==0?'day-dot3':item.color==1?'day-dot0':item.color==2?'day-dot1':item.color==3?'day-dot2':'not-dot'}}"></text>
  38. </view>
  39. </view>
  40. <!-- 下个月日期 -->
  41. <view class="mouth-date next-mouth" wx:for="{{nextMonthDays}}" wx:key="*this">
  42. <text class="day-text">{{item.date}}</text>
  43. <!-- 农历还未配置,不用管,你可以二开这个组件,因为我们的设计图不显示上下月的日期,故不渲染也可以 -->
  44. <text class="day-nongli">十五</text>
  45. <text class="day-dot"></text>
  46. </view>
  47. </view>
  48. <!--
  49. <view class="tips-warp">
  50. <view class="tips-item">
  51. <view class="tips-drop0"></view>
  52. 满工时
  53. </view>
  54. <view class="tips-item">
  55. <view class="tips-drop1"></view>
  56. 未打卡
  57. </view>
  58. <view class="tips-item">
  59. <view class="tips-drop2"></view>
  60. 未满工时
  61. </view>
  62. <view class="tips-item">
  63. <view class="tips-drop3"></view>
  64. 未到时限
  65. </view>
  66. </view>
  67. -->