<view class="flex b tb ac" wx:if="{{calendar}}">
  <view class="calendar b tb">
    <!-- 头部操作栏 -->
    <view class="handle {{config.theme}}_handle-color fs28 b lr ac pc">
      <view class="prev fs36" wx:if="{{!config.weekMode}}">
        <text class="prev-handle iconfont icon-doubleleft" bindtap="changeDate" data-type="prev_year"></text>
        <text class="prev-handle iconfont icon-left" bindtap="changeDate" data-type="prev_month"></text>
      </view>
      <view class="flex date-in-handle b lr cc" bindtap="doubleClickToToday">{{calendar.curYear || "--"}} 年 {{calendar.curMonth || "--"}} 月</view>
      <view class="next fs36" wx:if="{{!config.weekMode}}">
        <text class="next-handle iconfont icon-right" bindtap="changeDate" data-type="next_month"></text>
        <text class="next-handle iconfont icon-doubleright" bindtap="changeDate" data-type="next_year"></text>
      </view>
    </view>
    <!-- <view>这个是测试 此位置</view>
    <view class="main-module" wx:if="{{header}}">
    <view class="main-title">
      <image style="height: 60rpx;width:60rpx;" src="/static/images/money.png"></image>
      <view class="txt">我的收入
      <image src="/static/images/question.png" bindtap="goShowMoneyTip"></image></view>
    </view>
    <view style=" display: flex; justify-content: space-around;">
      <view class="coupon-block border-right" data-type="1"  bindtap="goSalaryDetail">
        <text class="money">{{header.salary}}</text>
        <text class="module-text">本月预计收入</text>
      </view>
      <view class="coupon-block" data-type="2"  bindtap="goSalaryDetail">
        <text class="money">{{header.salaryTotal}}</text>
        <text class="module-text">历史总收入</text>
      </view> 
    </view>
  </view>  -->

    <!-- 星期栏 -->
    <view class="weeks b lr ac {{config.theme}}_week-color">
      <view class="week fs28" wx:for="{{calendar.weeksCh}}" wx:key="index" data-idx="{{index}}">{{item}}</view>
    </view>
    <!-- 日历面板主体 bindtouchstart="calendarTouchstart" catchtouchmove="calendarTouchmove" catchtouchend="calendarTouchend"-->
    <view class="b lr wrap" >
      <!-- 上月日期格子 -->
      <view class="grid b ac pc {{config.theme}}_prev-month-date" wx:for="{{calendar.prevMonthGrids}}" wx:key="index" data-idx="{{index}}">
        <view class="date-wrap b cc">
          <view class="date">
                {{item.date}}
          </view>
        </view>
      </view>
      <!-- 本月日期格子 -->
      <view wx:for="{{calendar.dates}}" wx:key="index" data-idx="{{index}}" data-info="{{item}}" bindtap="tapDate" class="grid {{item.class ? item.class  : ''}} {{config.theme}}_normal-date b ac pc">
        <view class="date-wrap b cc {{config.emphasisWeek && (item.week === 0 || item.week === 6) ? config.theme + '_weekend-color' : ''}}">
          <view class="date b ac pc {{item.class ? item.class  : ''}} {{item.isToday && config.highlightToday ? config.theme + '_today' : ''}} {{item.choosed ? config.theme + '_choosed' : ''}} {{item.disable ? config.theme + '_date-disable' : ''}} {{config.chooseAreaMode ? 'date-area-mode' : ''}}  {{calendar.todoLabelCircle && item.showTodoLabel && !item.choosed ? config.theme + '_todo-circle todo-circle' : '' }}">
                {{config.markToday && item.isToday ? config.markToday : item.date}}
                <view
                  wx:if="{{(config.showLunar && item.lunar && !item.showTodoLabel) || (item.showTodoLabel && calendar.todoLabelPos !== 'bottom') || config.showHolidays}}"
                  class="date-desc {{config.theme}}_date-desc date-desc-bottom {{(item.choosed || item.isToday) ? 'date-desc-bottom-always' : ''}} {{item.disable ? config.theme + '_date-desc-disable' : ''}}">
                  <text class="{{config.showHolidays && !item.showTodoLabel && item.label && !item.choosed ? config.theme + '_date-desc-lunar' : ''}} {{item.type === 'festival' ? config.theme + '_festival' : ''}}">{{item.label || item.lunar.Term || item.lunar.IDayCn}}</text>
                </view>
                <view
                  wx:if="{{item.showTodoLabel && !calendar.todoLabelCircle}}"
                  class="{{item.todoText ? 'date-desc' : config.theme + '_todo-dot todo-dot'}} {{config.showLunar ? config.theme + '_date-desc-lunar' : ''}} {{calendar.todoLabelPos === 'bottom' ? 'date-desc-bottom todo-dot-bottom' : 'date-desc-top todo-dot-top'}} {{calendar.showLabelAlways && item.choosed && calendar.todoLabelPos === 'bottom' ? 'date-desc-bottom-always todo-dot-bottom-always' : ''}} {{calendar.showLabelAlways && item.choosed && calendar.todoLabelPos === 'top' ? 'date-desc-top-always todo-dot-top-always' : ''}}"
                  style="background-color: {{item.todoText ? '' : item.color || calendar.todoLabelColor}}; color: {{item.color}}">
                   <!-- <text> {{item.todoText}}</text> -->
                   <view style="display: flex;margin: 1rpx 0;" wx:key="index" wx:if="{{index<3}}" wx:for="{{item.todoText}}" wx:for-item="book">
                     <view class="{{book.cycle?'book-cycle':'date-book'}}" >{{book.startTime}}</view>
                     <span wx:if="{{book.remark!='无'}}" style="border-radius: 50%;border: 1rpx solid red;width: 10rpx;height: 10rpx;background-color: red;"></span>
                     <image wx:if="{{book.isComment}}" src="/static/images/smile.png" style="width: 20rpx;height: 20rpx;margin-left:5rpx"></image>
                   </view>
                </view>
          </view>
        </view>
      </view>
      <!-- 下月日期格子 -->
      <view class="grid b ac pc {{config.theme}}_next-month-date" wx:for="{{calendar.nextMonthGrids}}" wx:key="index" data-idx="{{index}}">
        <view class="date-wrap b cc">
          <view class="date">
              {{item.date}}
          </view>
        </view>
      </view>
    </view>
  </view>
</view>