<view class="program-list">
  <view wx:if="{{!programList.length}}" class="program-empty">暂无节目单</view>
  <!-- 节目单条目可能超过横屏 tab 高度，使用 scroll-view 保证真机内列表独立滚动。 -->
  <scroll-view wx:else class="program-scroll" scroll-y enhanced show-scrollbar="{{false}}">
    <view
      wx:for="{{programList}}"
      wx:key="index"
      wx:for-item="item"
      class="program-card"
    >
      <view class="program-time {{item.IsPlay === 1 ? 'program-text-active' : ''}}">
        <view>{{item.startTimeText}}</view>
        <view class="program-time-line"></view>
        <view>{{item.endTimeText}}</view>
      </view>
      <view class="program-cover-wrapper">
        <image class="program-cover" mode="aspectFill" src="{{item.VideoCoverImage}}" />
        <view wx:if="{{item.IsPlay === 1}}" class="program-playing-mask">
          <image class="program-playing-icon" src="../../assets/program_playing.svg" />
        </view>
      </view>
      <view class="program-name {{item.IsPlay === 1 ? 'program-text-active' : ''}}">
        {{item.videoNameText}}
      </view>
    </view>
  </scroll-view>
</view>
