meetingTimePicker.axml 1.77 KB
<view class="picker-complete" onTap='complete'>完成</view>
<view class="tab">
  <view class="{{currentTab == 'start' ? 'active' : ''}}" id='start' onTap="changeTab">
    <text>开始时间</text>
    <text>{{start.showTime}}</text>
    <text>{{start.weekDay}}</text>
  </view>
  <view class="{{currentTab == 'end' ? 'active' : ''}}" id='end' onTap="changeTab">
    <block a:if="{{!isEndTimeCustom}}">
      <text>持续时间</text>
      <text>{{duration.label}}</text>
      <text>结束至{{duration.showTime}}</text>
    </block>
    <block a:else>
      <text>结束时间</text>
      <text>{{end.showTime}}</text>
      <text>{{end.weekDay}}</text>
    </block>
  </view>
</view>
<view class='coustom-end'>
  <text class="error">{{error}}</text>
  <text onTap="changeWay" a:if="{{!isEndTimeCustom}}">自定义结束时间</text></view>
<view class="picker-area">
  <picker-view style="height: {{ 34 * visibleItemCount }}px" indicator-class="pick-column" value="{{pickValue}}" onChange="onChange">
    <block a:if="{{currentTab == 'end' && !isEndTimeCustom}}">
      <picker-view-column>
        <view class="column" key={"{item.value}}" a:for="{{durationList}}">{{item.label}}</view>
      </picker-view-column>
    </block>
    <block a:else>
      <picker-view-column class="column-2">
        <view class="column" key="{{item}}" a:for="{{timeData}}">{{item.slice(5)}}</view>
      </picker-view-column>
      <picker-view-column class="column-1">
        <view class="column" key="{{item}}" a:for="{{timeHour}}">{{item}}</view>
      </picker-view-column>
      <picker-view-column class="column-1">
        <view class="column" key="{{item}}" a:for="{{timeMin}}">{{item}}</view>
      </picker-view-column>
    </block>
  </picker-view>
  <view class="tabBarBottom" a:if="{{isIPX}}">
  </view>
</view>