u-calendar.wxml 4.4 KB

1
  1. <u-popup vue-id="0d650dca-1" blur="{{blur}}" closeable="{{closeable}}" maskCloseAble="{{maskCloseAble}}" mode="bottom" popup="{{false}}" length="auto" safeAreaInsetBottom="{{safeAreaInsetBottom}}" z-index="{{uZIndex}}" border-radius="{{borderRadius}}" value="{{popupValue}}" data-event-opts="{{[['^close',[['close']]],['^input',[['__set_model',['','popupValue','$event',[]]]]]]}}" bind:close="__e" bind:input="__e" class="data-v-41d9314b" bind:__l="__l" vue-slots="{{['default']}}"><view class="u-calendar data-v-41d9314b"><view class="u-calendar__header data-v-41d9314b"><block wx:if="{{!$slots['tooltip']}}"><view class="u-calendar__header__text data-v-41d9314b">{{''+toolTip+''}}</view></block><block wx:else><slot name="tooltip"></slot></block></view><view class="u-calendar__action u-flex u-row-center data-v-41d9314b"><view class="u-calendar__action__icon data-v-41d9314b"><block wx:if="{{changeYear}}"><u-icon vue-id="{{('0d650dca-2')+','+('0d650dca-1')}}" name="arrow-left-double" color="{{yearArrowColor}}" data-event-opts="{{[['^click',[['changeYearHandler',[0]]]]]}}" bind:click="__e" class="data-v-41d9314b" bind:__l="__l"></u-icon></block></view><view class="u-calendar__action__icon data-v-41d9314b"><block wx:if="{{changeMonth}}"><u-icon vue-id="{{('0d650dca-3')+','+('0d650dca-1')}}" name="arrow-left" color="{{monthArrowColor}}" data-event-opts="{{[['^click',[['changeMonthHandler',[0]]]]]}}" bind:click="__e" class="data-v-41d9314b" bind:__l="__l"></u-icon></block></view><view class="u-calendar__action__text data-v-41d9314b">{{showTitle}}</view><view class="u-calendar__action__icon data-v-41d9314b"><block wx:if="{{changeMonth}}"><u-icon vue-id="{{('0d650dca-4')+','+('0d650dca-1')}}" name="arrow-right" color="{{monthArrowColor}}" data-event-opts="{{[['^click',[['changeMonthHandler',[1]]]]]}}" bind:click="__e" class="data-v-41d9314b" bind:__l="__l"></u-icon></block></view><view class="u-calendar__action__icon data-v-41d9314b"><block wx:if="{{changeYear}}"><u-icon vue-id="{{('0d650dca-5')+','+('0d650dca-1')}}" name="arrow-right-double" color="{{yearArrowColor}}" data-event-opts="{{[['^click',[['changeYearHandler',[1]]]]]}}" bind:click="__e" class="data-v-41d9314b" bind:__l="__l"></u-icon></block></view></view><view class="u-calendar__week-day data-v-41d9314b"><block wx:for="{{weekDayZh}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="u-calendar__week-day__text data-v-41d9314b">{{item}}</view></block></view><view class="u-calendar__content data-v-41d9314b"><block wx:for="{{weekdayArr}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-41d9314b"><view class="u-calendar__content__item data-v-41d9314b"></view></block></block><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['dateClick',[index]]]]]}}" class="{{['u-calendar__content__item','data-v-41d9314b',(item.m0)?'u-hover-class':'',(mode=='range'&&startDate==year+'-'+month+'-'+(index+1)||mode=='date')?'u-calendar__content--start-date':'',(mode=='range'&&endDate==year+'-'+month+'-'+(index+1)||mode=='date')?'u-calendar__content--end-date':'']}}" style="{{'background-color:'+(item.m1)+';'}}" bindtap="__e"><view class="u-calendar__content__item__inner data-v-41d9314b" style="{{'color:'+(item.m2)+';'}}"><view class="data-v-41d9314b">{{index+1}}</view></view><block wx:if="{{mode=='range'&&startDate==year+'-'+month+'-'+(index+1)&&startDate!=endDate}}"><view class="u-calendar__content__item__tips data-v-41d9314b" style="{{'color:'+(activeColor)+';'}}">{{startText}}</view></block><block wx:if="{{mode=='range'&&endDate==year+'-'+month+'-'+(index+1)}}"><view class="u-calendar__content__item__tips data-v-41d9314b" style="{{'color:'+(activeColor)+';'}}">{{endText}}</view></block></view></block><view class="u-calendar__content__bg-month data-v-41d9314b">{{month}}</view></view><view class="u-calendar__bottom data-v-41d9314b"><view class="u-calendar__bottom__choose data-v-41d9314b"><text class="data-v-41d9314b">{{mode=='date'?activeDate:startDate}}</text><block wx:if="{{endDate}}"><text class="data-v-41d9314b">{{"至"+endDate}}</text></block></view><view class="u-calendar__bottom__btn data-v-41d9314b"><u-button vue-id="{{('0d650dca-6')+','+('0d650dca-1')}}" type="{{btnType}}" shape="circle" size="default" data-event-opts="{{[['^click',[['btnFix',[false]]]]]}}" bind:click="__e" class="data-v-41d9314b" bind:__l="__l" vue-slots="{{['default']}}">确定</u-button></view></view></view></u-popup>