w-pickers.wxml 11 KB

1
  1. <view class="w-picker"><view class="{{['mask',(showPicker)?'show':'']}}" catchtouchmove="__e" data-event-opts="{{[['tap',[['maskTap',['$event']]]],['touchmove',[['',['$event']]]]]}}" bindtap="__e"></view><view class="{{['w-picker-cnt',(showPicker)?'show':'']}}"><view class="w-picker-hd" catchtouchmove="__e" data-event-opts="{{[['touchmove',[['',['$event']]]]]}}"><view data-event-opts="{{[['tap',[['pickerCancel',['$event']]]]]}}" class="w-picker-btn" bindtap="__e">取消</view><view data-event-opts="{{[['tap',[['pickerConfirm',['$event']]]]]}}" class="w-picker-btn" style="{{'color:'+(themeColor)+';'}}" bindtap="__e">确定</view></view><block wx:if="{{mode=='linkage'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><block wx:for="{{data}}" wx:for-item="col" wx:for-index="colIndex" wx:key="colIndex"><picker-view-column><block wx:for="{{col}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column></block></picker-view></view></block><block wx:if="{{mode=='half'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.years}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"年"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.months}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"月"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.days}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"日"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.areas}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column></picker-view></view></block><block wx:if="{{mode=='date'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.years}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"年"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.months}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"月"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.days}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"日"}}</view></block></picker-view-column></picker-view></view></block><block wx:if="{{mode=='yearMonth'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.years}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"年"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.months}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"月"}}</view></block></picker-view-column></picker-view></view></block><block wx:if="{{mode=='dateTime'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.years}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"年"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.months}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"月"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.days}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"日"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.hours}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"时"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.minutes}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"分"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.seconds}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"秒"}}</view></block></picker-view-column></picker-view></view></block><block wx:if="{{mode=='range'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.fyears}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.fmonths}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.fdays}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item}}</view></block></picker-view-column><picker-view-column><view class="w-picker-item">-</view></picker-view-column><picker-view-column><block wx:for="{{data.tyears}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.tmonths}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.tdays}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item}}</view></block></picker-view-column></picker-view></view></block><block wx:if="{{mode=='time'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.hours}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"时"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.minutes}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"分"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.seconds}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item+"秒"}}</view></block></picker-view-column></picker-view></view></block><block wx:if="{{mode=='region'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.provinces}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.citys}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column><block wx:if="{{!hideArea}}"><picker-view-column><block wx:for="{{data.areas}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column></block></picker-view></view></block><block wx:if="{{mode=='selector'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column></picker-view></view></block><block wx:if="{{mode=='limit'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.date}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.hours}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label+"时"}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.minutes}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label+"分"}}</view></block></picker-view-column></picker-view></view></block><block wx:if="{{mode=='limitHour'}}"><view class="w-picker-view"><picker-view indicator-style="{{itemHeight}}" value="{{pickVal}}" data-event-opts="{{[['change',[['bindChange',['$event']]]],['touchstart',[['touchStart',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindchange="__e" bindtouchstart="__e" bindtouchend="__e"><picker-view-column><block wx:for="{{data.date}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.areas}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label}}</view></block></picker-view-column><picker-view-column><block wx:for="{{data.hours}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="w-picker-item">{{item.label+"时"}}</view></block></picker-view-column></picker-view></view></block></view></view>