karamay_wx/pages/index/start-preview/start-preview.wxml

<view class="preview-contain">
  <view class="time-select">
    <time-select bind:datechange="onDateChange"></time-select>
    <view class="divider"></view>
    <view class="select-moon" wx:if="{{selectedDate}}">
      <text class="moon-time">请选择进馆时间</text>
      <view class="morning-moon">
        <view class="time-card {{selectedTime === 'morning' ? 'active' : ''}}" bindtap="selectTime" data-time="morning">
          <view class="time-period">上午</view>
          <view class="time-range">({{morningTime}})</view>
          <view class="availability">{{morningAvailability}}</view>
          <view class="check-icon" wx:if="{{selectedTime === 'morning'}}">✓</view>
        </view>
        
        <view class="time-card {{selectedTime === 'afternoon' ? 'active' : ''}}" bindtap="selectTime" data-time="afternoon">
          <view class="time-period">下午</view>
          <view class="time-range">({{afternoonTime}})</view>
          <view class="availability">{{afternoonAvailability}}</view>
          <view class="check-icon" wx:if="{{selectedTime === 'afternoon'}}">✓</view>
        </view>
        
        <view class="next-btn {{!selectedTime ? 'disabled' : ''}}" bindtap="goNext" disabled="{{!selectedTime}}">
          下一步
        </view>
      </view>
    </view>
  </view>
</view>