yunshangxie/unpackage/dist/dev/mp-weixin/tuniao-ui/components/tn-calendar/tn-calendar.wxml

<tn-popup vue-id="b49401b4-1" mode="bottom" popup="{{false}}" length="auto" borderRadius="{{borderRadius}}" safeAreaInsetBottom="{{safeAreaInsetBottom}}" maskCloseable="{{maskCloseable}}" closeBtn="{{closeBtn}}" zIndex="{{elIndex}}" value="{{value}}" data-event-opts="{{[['^close',[['close']]],['^input',[['__set_model',['','value','$event',[]]]]]]}}" bind:close="__e" bind:input="__e" class="data-v-26db8440" bind:__l="__l" vue-slots="{{['default']}}"><view class="tn-calendar-class tn-calendar data-v-26db8440"><view class="tn-calendar__header data-v-26db8440"><block wx:if="{{!$slots.tooltip||!$slots.$tooltip}}"><view class="tn-calendar__header__text data-v-26db8440">{{''+toolTips+''}}</view></block><block wx:else><view class="data-v-26db8440"><slot name="tooltip"></slot></view></block></view><view class="tn-calendar__action data-v-26db8440"><block wx:if="{{changeYear}}"><view data-event-opts="{{[['tap',[['changeYearHandler',[false]]]]]}}" class="tn-calendar__action__icon data-v-26db8440" style="{{'background-color:'+(yearArrowColor)+';'}}" catchtap="__e"><view class="data-v-26db8440"><text class="tn-icon-left data-v-26db8440"></text></view></view></block><block wx:if="{{changeMonth}}"><view data-event-opts="{{[['tap',[['changeMonthHandler',[false]]]]]}}" class="tn-calendar__action__icon data-v-26db8440" style="{{'background-color:'+(monthArrowColor)+';'}}" catchtap="__e"><view class="data-v-26db8440"><text class="tn-icon-left data-v-26db8440"></text></view></view></block><view class="tn-calendar__action__text data-v-26db8440">{{dateTitle}}</view><block wx:if="{{changeMonth}}"><view data-event-opts="{{[['tap',[['changeMonthHandler',[true]]]]]}}" class="tn-calendar__action__icon data-v-26db8440" style="{{'background-color:'+(monthArrowColor)+';'}}" catchtap="__e"><view class="data-v-26db8440"><text class="tn-icon-right data-v-26db8440"></text></view></view></block><block wx:if="{{changeYear}}"><view data-event-opts="{{[['tap',[['changeYearHandler',[true]]]]]}}" class="tn-calendar__action__icon data-v-26db8440" style="{{'background-color:'+(yearArrowColor)+';'}}" catchtap="__e"><view class="data-v-26db8440"><text class="tn-icon-right data-v-26db8440"></text></view></view></block></view><view class="tn-calendar__week-day-zh data-v-26db8440"><block wx:for="{{weekDayZh}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="tn-calendar__week-day-zh__text data-v-26db8440">{{item}}</view></block></view><view class="tn-calendar__content data-v-26db8440"><block wx:for="{{weekdayArr}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-26db8440"><view class="tn-calendar__content__item data-v-26db8440"></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="{{['tn-calendar__content__item','data-v-26db8440',(item.m0)?'tn-hover':'',(mode==='range'&&startDate==year+'-'+month+'-'+(index+1)||mode==='date')?'tn-calendar__content--start-date':'',(mode==='range'&&endDate==year+'-'+month+'-'+(index+1)||mode==='date')?'tn-calendar__content--end-date':'']}}" style="{{'background-color:'+(item.m1)+';'}}" catchtap="__e"><view class="tn-calendar__content__item__text data-v-26db8440" style="{{'color:'+(item.m2)+';'}}"><view class="data-v-26db8440">{{item.$orig.day}}</view></view><view class="tn-calendar__content__item__tips data-v-26db8440" style="{{'color:'+(item.$orig.color)+';'}}">{{''+item.$orig.bottomInfo+''}}</view></view></block><view class="tn-calendar__content__month--bg data-v-26db8440">{{month}}</view></view><view class="tn-calendar__bottom data-v-26db8440"><view class="tn-calendar__bottom__choose data-v-26db8440"><text class="data-v-26db8440">{{mode==='date'?activeDate:startDate}}</text><block wx:if="{{endDate}}"><text class="data-v-26db8440">{{"至"+endDate}}</text></block></view><view data-event-opts="{{[['tap',[['handleBtnClick',[false]]]]]}}" class="tn-calendar__bottom__btn data-v-26db8440" style="{{'background-color:'+(btnColor)+';'}}" bindtap="__e"><view class="tn-calendar__bottom__btn--text data-v-26db8440">确定</view></view></view></view></tn-popup>