taobao-first-Playlet/pages/video/video.axml

<view class="_video_html">
  <view class="_video_box" id="_video_box">
    <swiper class="_video_swiper" duration={{200}} vertical={{true}} current={{swiperCurrent}} onChange="handelswiperCurrent" 
      disable-touch={{false}}>
      <block a:for={{batchAllList}}>
        <swiper-item key="swiper_item_{{index}}" class="swiper_item">
          <view class="swiper_item_warp">
            <!-- 播放 -->
            <view class="_video_pay_warp">
              <!--<view class="swiper_item" style="background:pink"></view> -->
              <!--<block a:if={{videoInfoObj.chackpay == 1  && swiperOrder == item.order}}> -->
              <block a:if={{videoInfoObj.chackpay == 1}}>
                <!--<video class="swiper_video_box" src={{videoInfoObj.video_url}} autoplay={{videoInfoObj.chackpay == 1  ? true: false }} 
                  poster={{posterCover}} onError="videoErrorFn" objectFit="contain" show-mute-btn={{false}} onEnded="videoEndedFn"></video> -->
                <block a:if={{videoInfoObj.order == item.order}}>
                  <video class="swiper_video_box" src={{videoInfoObj.video_url}} autoplay={{(videoInfoObj.chackpay == 1  && videoInfoObj.order == item.order && pageHideFlag) ? true: false }} 
                    poster={{posterCover}} onError="videoErrorFn" objectFit="contain" show-mute-btn={{false}} onEnded="videoEndedFn"></video>
                </block>
                
                <block a:else>
                  <view class="_video_pay_bg_cover">
                    <image mode="scaleToFill" src={{posterCover}} class="_video_pay_bg_cover_img" />
                  </view>
                </block>
              </block>
              
              <!--<block a:elif={{ item.isvip == 1}}> -->
              <!--<block a:if={{(iosPayment.status === 2 || systemInfo.platform != 'ios') && videoInfoObj.isvip == 1}}> -->
              <block a:if={{ videoInfoObj.chackpay == 2 && item.isvip == 1}}>
                <view class="_video_pay_bg_cover">
                  <image mode="scaleToFill" src={{posterCover}} class="_video_pay_bg_cover_img" />
                </view>
                <!--<cover-view class="swiper_pay_modal" onTap="toPathPlayPage"><cover-view class="sw_pay_mo_order">第 {{videoInfoObj.order}} 集</cover-view><cover-view class="sw_pay_isAutoplay_tips">此剧为付费内容，您的K币不足</cover-view><cover-view class="sw_pay_isAutoplay_tips_support">支持创作作者，解锁后继续观看</cover-view><cover-view class="sw_pay_isAutoplay_btn" onTap="toPathPlayPage">立即充值</cover-view></cover-view> -->
                <view class="swiper_pay_modal">
                  <view class="sw_pay_mo_order">第 {{videoInfoObj.order}} 集，为付费内容</view>
                  <!-- <view class="sw_pay_isAutoplay_tips"></view> -->
                  <view class="sw_pay_isAutoplay_tips">解锁需要{{item.price}}K币，您的K币不足</view>
                  <view class="sw_pay_isAutoplay_tips_support">支持创作作者，解锁后继续观看</view>
                  <view class="sw_pay_isAutoplay_btn" onTap="toPathPlayPage">立即充值</view>
                </view>
              </block>
              
              <block a:if={{ videoInfoObj.chackpay == 3 && item.isvip == 1}}>
                <view class="_video_pay_bg_cover">
                  <image mode="scaleToFill" src={{posterCover}} class="_video_pay_bg_cover_img" />
                </view>
                <!--<cover-view class="swiper_pay_modal"><cover-view class="sw_pay_isAutoplay_tips">此剧为付费内容，需要购全集</cover-view><cover-view class="sw_pay_isAutoplay_tips_support">支持创作作者，解锁后继续观看</cover-view><cover-view class="sw_pay_isAutoplay_btn" onTap="toPathPlayAllOrder">立即购买 ( {{videoInfoObj.allprice}}K币 )</cover-view></cover-view> -->
                <view class="swiper_pay_modal">
                  <view class="sw_pay_isAutoplay_tips">此剧为付费内容，需要购全集</view>
                  <view class="sw_pay_isAutoplay_tips_support">支持创作作者，解锁后继续观看</view>
                  <view class="sw_pay_isAutoplay_btn" onTap="toPathPlayAllOrder">立即购买 ( {{videoInfoObj.allprice}}K币 )</view>
                </view>
              </block>
              <!--</block> -->

              <block a:if={{videoInfoObj.chackpay == 1 && item.isvip == 0}}>
                <!--<cover-view class="_swiper_video_cover"><cover-view class="_chasing_dramas_cover" onTap="addChasingDramasFn"><am-icon type="heart" size="{{30}}" color="{{videoInfoObj.iskeep === 0 ? '#ffffff' :'#FF2B2B'}}" /><cover-view class="_chasing_dramas_text">追剧</cover-view></cover-view></cover-view> -->
                <view class="_swiper_video_cover">
                  <view class="_chasing_dramas_cover" onTap="addChasingDramasFn">
                    <am-icon type="heart" size="{{30}}" color="{{videoInfoObj.iskeep === 0 ? '#ffffff' :'#FF2B2B'}}" />
                    <view class="_chasing_dramas_text">追剧</view>
                  </view>
                </view>
              </block>
            </view>
            
            <block a:if={{swiperOrder}}>
              <view class="_video_series" onTap="selectEpisodesFn">
                <view class="_video_series_box">
                  <view class="_video_series_left">
                    <view class="_vi_ser_le_img">
                      <image mode="scaleToFill" src="{{imageBasUrl}}/iamge/video-bottom.png" class="_is_image" />
                    </view>
                    <view class="_vi_ser_le_order">
                      <!--<text>第 {{videoInfoObj.order}} 集</text> -->
                      <text>第 {{item.order}} 集</text>
                    </view>
                  </view>
                  <view class="_video_series_right">
                    <view class="_video_series_right_text">
                      选集
                    </view>
                    <am-icon type="arrow-right" size="{{18}}" color="#fff" />
                  </view>
                </view>
              </view>
            </block>
            
          </view  >
        </swiper-item>
      </block>
    </swiper>
  </view>
  
  <popup show="{{orderPopupShow}}" position="bottom" onClose="closeOrderPopup">
    <view class="_popup_order_content">
      <view class="_pop_order_con_header">
        <view class="_pop_ord_hea_left">
          <view class="_pop_ord_hea_le_title">
            <text>{{videoInfoObj.title}}</text>
          </view>
          <view class="_pop_ord_hea_le_all">
            <text>全{{videoInfoObj.total}}集</text>
          </view>
        </view>
        <view class="_pop_ord_hea_right" onTap="closeOrderPopup">
          <am-icon type="cross" size="{{18}}" color="#333" />
        </view>
      </view>
      
      <view class="_pop_order_con_tabs">
        <tabs tabs={{orderList}} onTabClick="handleTabClick" activeTab="{{activeTab}} " className="_pop_order__tabs" tabBarActiveTextColor="#ff779e" 
          tabBarInactiveTextColor="#333" tabBarUnderlineColor="#ff779e">
          
          <block a:for={{orderList}}>
            <tab-content key={{index}}>
              <view class="tab_c_list">
                <block a:for="{{item.temp}}" a:for-index="idx" a:for-item="j">
                  <view class="tab_c_list_ul" key={{j.order}}>
                    <view class="tab_c_list_ul_li {{j.id == videoInfoObj.id ? 'active' :'' }}" data-item={{j}} onTap="handleOrderCurrent">
                      <text>{{j.order}}</text>
                      <block a:if={{j.isvip == 1}}>
                        <view class="tab_c__ul_li_lock">
                          <image mode="scaleToFill" src="{{imageBasUrl}}/iamge/videoLock.png" class="_li_lock_image" />
                        </view>
                      </block>
                    </view>
                  </view>
                </block>
              </view>
            </tab-content>
          </block>
          
        </tabs>
      </view>
      
    </view>
  </popup>
  
  <view>
    <my-pay popupShow="{{popupShow}}" onClosePopup="onClosePopup" />
  </view>
  
</view>