<view class="container">
  <view class="header">
    <view class="s" style='height:{{statusTop}}px'></view>
    <view class="left_img {{menuFixed?'fixed':''}}" id="affix">
      <image src="../../static/icon/shouy.png" bindtap="goback" />
      <view class="title_oage">活动详情</view>
    </view>
  </view>
  <view class="details">
    <swiper indicator-dots="{{indicatorDots}}"
        autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" style="height: 375px;">
        <swiper-item wx:if="{{klist.video}}">
          <video 
            id="myVideo" 
            src="{{video}}" 
            binderror="videoErrorCallback" 
            show-center-play-btn='{{false}}' 
            show-play-btn="{{true}}" 
            controls
            picture-in-picture-mode="{{['push', 'pop']}}"
            bindenterpictureinpicture='bindVideoEnterPictureInPicture'
            bindleavepictureinpicture='bindVideoLeavePictureInPicture'
            style="width: 100%;height: 100%;"
          ></video>
        </swiper-item>
        <swiper-item>
          <image src="{{klist.img}}" mode="widthFix" />
        </swiper-item>
        <!-- <block wx:for="{{background}}" wx:key="*this">
          <swiper-item>
            <image src="{{klist.img}}" mode="widthFix" />
          </swiper-item>
        </block> -->
      </swiper>
  </view>
  <view class="details2">
    <view class="botto">
      <view class="timer">
        <view class="itme_timer">
          <view class="mon__ey">
            <view class="pt_icons">￥</view>
            <view class="pt_monrsys">{{klist.price}}</view>
          </view>
          <view class="texts__new">
            <view class="s_persons title_content1">有{{personsun}}人关注当前活动</view>
            <view class="s_persons title_content1">您正在排队等候中…</view>
          </view>
        </view>
        <view class="rights__boxs">
          <view class="end-time__s">
            <view class="box__end_time">{{timename}}</view>
            <view class="times_style">
              <view class="boxs_is__itmes">
                <van-count-down use-slot time="{{ time }}" bindchange="onChange" bind:finish="finish">
                  <view class="time_is">
                    <view class="item">{{ timeData.days }}</view>
                    <view class="item">天</view>
                    <view style="margin-left: 24rpx">
                      <view class="item">
                        {{ timeData.hours> 9? timeData.hours : '0'+timeData.hours}}
                      </view>
                      <view class="item">:</view>
                      <view class="item">
                        {{ timeData.minutes> 9? timeData.minutes : '0'+timeData.minutes}}
                      </view>
                      <view class="item">:</view>
                      <view class="item">
                        {{ timeData.seconds> 9? timeData.seconds : '0'+timeData.seconds}}
                      </view>
                    </view>
                  </view>
                </van-count-down>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="titles  title_content2">{{klist.name}}</view>
      <view class="text">
        <view class="conter_item   ">
          <scroll-view scroll-y="{{true}}" class="scroll_x">
            <rich-text class="txt" nodes="{{content2}}"></rich-text>
          </scroll-view>
        </view>
      </view>
    </view>
  </view>
  <!-- 已参加人数 -->
  <!-- <view class="fen_share" wx:if="{{avatar_arr.length !=0}}">
    <view class="share_box">
      <view class="share_imgs">
        <block wx:for="{{avatar_arr}}" wx:if="{{index< 8}}" wx:for-item="item" wx:for-index="index" wx:key="index">
          <image class="imgs" src="{{item}}" />
        </block>
        <image src="../../static/img/more_img.png" class="is_img" wx:if="{{avatar_arr.length > 8}}" />
      </view>
      <view class="share_name">已有{{can_num}}人参加</view>
    </view>
  </view> -->
  <view class="img-Box" wx:if="{{is_exist == 1}}">
    <button open-type="share" class="buttonShare" style="background-color: #ffffff;">
      <image class="Img" src="/static/img/tu4-7.png"></image>
    </button>
  </view>

  <view class="lunbo-Box">
    <view class="lunboTextONe-Box flex alignCenter">
      <view class="Text1">已有</view>
      <view class="Text2">{{numberpeople}}</view>
      <view class="Text1">人参加</view>
    </view>
    <swiper indicator-dots="{{false}}" interval="2000" autoplay vertical circular display-multiple-items="5">
      <block wx:for="{{testlist}}" wx:key="index">
        <swiper-item>
            <view class="flex alignCenter justifyBetween">
              <view class="right-Box flex alignCenter">
                <image class="IMg2" src="/static/img/tu4-8.png"></image>
                <view class="PhoneText">{{item.phone}}</view>
              </view>
              <view class="lift_box flex alignCenter">
                <view class="Text3">{{item.duration}}</view>
                <view class="Text4">已参加</view>
              </view>
            </view>
        </swiper-item>
      </block>
    </swiper>
    <view class="lunbo-Gi"></view>
  </view>




  <view class="details3">
    <view class="smalltitle">
      <view class="title">活动详情</view>
      <view class="s_btn" catchtap="GOcanvas">
        <image class="bents" src="{{imagesUrl}}assets/static/img/2_icon@2x.png"></image>
      </view>
      <button open-type="share" class="buttonShare"></button>
      <view class="share" >
        <image src="{{imagesUrl}}assets/static/img/1_icon@2x.png"  />
      </view>
    </view>
    <view class="activityDetails_txt">
    
      <import src="../../wxParse/wxParse.wxml" />
      <template is="wxParse" data="{{wxParseData:content.nodes}}" />
    </view>
  </view>
  <view class="btnbuy" wx:if="{{setTimeouttimer == false}}">
    <button class="btnbuy__ " style="opacity: 0.5;" size="default" wx:if="{{is_start == false}}">
      预约等候倒计时（{{countDownNum}}s）
    </button>
    <button class="btnbuy__  btnbuy__2" size="default" wx:else>立即预约</button>
  </view>
  <view class="btnbuy" wx:else>
    <button class="btnbuy__" size="default" bindtap="toggleDialog" wx:if="{{texts != 1 &&  time !=0 }}">
      立即预约
    </button>
    <button class="btnbuy__2  btnbuy__" size="default" wx:if="{{texts == 1 &&   time !=0}}">
      您已参加活动
    </button>
    <button class="btnbuy__2  btnbuy__" size="default" wx:if="{{time <= 0   }}">活动已下架</button>
  </view>
  <!-- 弹窗 -->
  <view class="zan-dialog {{ showDialog ? 'zan-dialog--show' : '' }}" wx:if="{{showDialog}}">
    <view class="zan-dialog__mask" bindtap="toggleDialog" />
    <view class="zan-dialog__container">
      <view class="popups">
        <view class="pop_title">填写预约信息</view>
        <form bindsubmit="formSubmit">
          <view class="pop_box">
            <input value="{{names}}" placeholder="请输入姓名" placeholder-class="input_placeholder" class="publics" name="names" />
            <input value="{{phone}}" type='number' maxlength="11" placeholder="请输入手机号" placeholder-class="input_placeholder" class="publics" name="phone" />
          </view>
          <view class="bing">
            <view class="down_btn ">
              <button class="nam" catchtap="toggleDialog">取消</button>
              <button class="nam1" formType="submit">确认</button>
            </view>
          </view>
        </form>
      </view>
    </view>
  </view>
  <lfy-login id="lfyLogin" bind:istoken="bindistoken" />
</view>