<import src="../../../wxParse/wxParse.wxml" />
<view class="box">
  <!-- <image class="banner" src="{{imagesUrl}}assets/static/img/MaskGroup@2x.png"></image> -->
  <view class="banner">
    <swiper class="b-swiper" indicator-dots="true" autoplay="true" circular="true">
      <swiper-item wx:for="{{indexData.banner_img_arr}}" wx:key="index" class="b-swiper-item">
        <image src="{{item}}" class="b-swiper-item-img"></image>
      </swiper-item>
    </swiper>
  </view>
  <view class="inner">
    <view class="video">
      <!-- <image class="preview" src="{{imagesUrl}}assets/static/img/Group708@2x.png"></image> -->
      <video class="preview" src="{{indexData.video2}}" poster="{{indexData.video_img}}" object-fit="fill"
        x5-video-player-type="h5" duration="{{indexData.video_long}}" show-center-play-btn="true"
        bindtap="bindplay"></video>
      <!-- <image class="video-play" src="{{imagesUrl}}assets/static/img/Group706@2x.png" ></image> -->
      <!-- <view class="back"></view> -->
      <!-- <video></video> -->
    </view>
    <!-- 抽奖区 -->
    <view class="draw b" style="background-image: url({{imagesUrl}}assets/static/img/Group770@2x.png);">
      <!-- 规则 -->
      <view class="rule">
        <view class="rule-in" wx:for="{{DrawList}}" wx:key="index" data-idx="{{index}}" bindtap="clickActRule">
          <!-- <image></image> -->
          <text class="r_i_t">{{item}}</text>
        </view>
      </view>
      <!-- 奖品区 -->
      <view class="container-in">
        <view class="content-out" class="{{index==indexSelect?'content-out itemBg':'content-out'}}"
          wx:for="{{awardList}}" wx:key="index"
          style="top:{{item.topAward}}rpx;left:{{item.leftAward}}rpx;background-repeat: no-repeat">
          <view class="img">
            <image class="award-image" src="{{item.lun.image2}}"></image>
          </view>
          <view class="dyqName">
            {{item.lun.name}}
          </view>
        </view>
      </view>
      <!-- 开始按钮 -->
      <view class="startDraw b" style="background-image: url({{imagesUrl}}assets/static/img/Group744@2x.png);"
        bindtap="startGame"></view>
    </view>
    <!-- <view class="pic b" style="background-image: url({{imagesUrl}}assets/draw3/Group753@2x.png);margin-left: 160rpx;"></view> -->
    <!-- <image src="{{imagesUrl}}assets/draw3/Group753@2x.png" class="pic" ></image> -->
    <!-- 倒计时 -->
    <view class="countDown b">

      <!-- 时钟 -->
      <countdown is-day="true" tip-text="' '" day-text="' '" hour-text="':'" minute-text="':'" second-text="' '"
        datatime="{{indexData.end_time2}}"></countdown>
      <view>{{text}}</view>
      <!-- 进度条 -->
      <view class="progress">
        <view style="width:{{countdownPer*100}}%" class="progressCom">
          {{countdownper}}</view>
      </view>
      <!-- 活动参与名单 -->
      <view class="attend">
        <view class="listnum">
          共有
          <text>{{indexData.can_num}}</text>
          人参与了活动
        </view>
        <!-- 头像展示 -->
        <view class="listhed" bindtap="showActpeo">
          <view class="listhed_in" wx:for="{{indexData.avatar_arr}}" wx:key="index" wx:if="{{index<3}}"
            style='transform:translateX({{-index*10}}rpx)'>
            <image src="{{item}}"></image>
          </view>

          <image class="arrow" src="{{imagesUrl}}assets/static/img/Group 751@2x.png"></image>
        </view>
      </view>
    </view>
    <!-- 获奖名单 -->
    <view class="win">
      <view class="pic b" style="background-image: url({{imagesUrl}}assets/draw3/Group705@2x.png)"></view>
      <view class="swiper b" style="background-image: url({{imagesUrl}}assets/static/img/Group766@2x.png)">
        <!-- 获奖明细 -->
        <swiper class="list" autoplay="true" vertical="true" interval="1000" duration="1000" display-multiple-items="3"
          circular="true" disable-touch="true">
          <swiper-item wx:for="{{chouLog}}" wx:key="index">
            <view class="list-in">
              <text class="t">{{item.user_name}}</text>
              <text class="mark-t l">{{item.huo_time}}</text>
              <view class="l_i_i">
                <text class="t">获得</text>
                <text>{{item.name}}</text>
              </view>
            </view>
          </swiper-item>
        </swiper>
      </view>
    </view>
    <!-- 活动详情 -->
    <view class="detail">
      <view class="d-pic b" style="background-image: url({{imagesUrl}}assets/static/img/Group753@2x.png)"></view>
      <view class="rich-text">
        <scroll-view scroll-y class="actInfo">

          <template is="wxParse" data="{{wxParseData:content.nodes}}" />
        </scroll-view>
      </view>
    </view>
    <!-- 立即咨询 -->
    <view class="consult b" style="background-image: url({{imagesUrl}}assets/static/img/group104551@2x.png)"
      bindtap="bindPrize" wx:if="{{false}}">
    </view>
    <!-- 销售顾问 -->
    <view class="adviser b" style="background-image: url({{imagesUrl}}assets/static/img/Group739@2x.png)"
      wx:if="{{false}}">
      <!-- 头像 -->
      <view class="ad-pic b" style="background-image: url({{imagesUrl}}assets/static/img/Rectangle2610@2x.png)"></view>
      <!-- 信息 -->
      <view class="ad-det">
        <view class="ad_det_t">
          <text>{{indexData.user_name}}</text>
          <text class="t">{{indexData.job}}</text>
        </view>
        <view class="ad_det_c">
          <image class="litpic" src="{{imagesUrl}}assets/static/img/Iconly_Bulk_Send@2x.png"></image>
          <text class="t">{{indexData.s4_name}}</text>
        </view>
        <view class="ad_det_b">
          <image class="litpic" src="{{imagesUrl}}assets/static/img/Iconly_Bulk_Calling@2x.png"></image>
          <text class="t">{{indexData.mobile}}</text>
          <view class="b" style="background-image: url({{imagesUrl}}assets/static/img/Frame703@2x.png)"></view>
        </view>
      </view>
    </view>
    <!-- 推荐品牌 -->
    <!-- <view class="recom">
      <view class="d-pic b" style="background-image: url({{imagesUrl}}assets/static/img/Group753@2x.png)"></view>
      <view class="adviser b" style="background-image: url({{imagesUrl}}assets/static/img/Group739@2x.png)">
        <swiper class="swiper" circular="true" autoplay="true" next-margin="16rpx">
          <block wx:for="{{indexData.pin_img_arr}}" wx:key="index">
            <swiper-item class="swiper-item">
              <image src="{{item}}"></image>
            </swiper-item>
          </block>
        </swiper>
      </view>
    </view> -->

    <!-- 浏览量 -->
    <view class="views">
      <text class="txt">浏览量:{{indexData.liu_num}}</text>
      <text class="txt">合作咨询：{{indexData.ask_mobile}}</text>
    </view>
    <!-- 批注 -->
    <view class="mark">
      <text class="mark-t">苏ICP备20015620号-3</text>
      <view class="mark-v">
        <text class="mark-vt">Copyright</text>
        <text class="mark-t">400-0513-066</text>
      </view>
      <text class="mark-t">同放汽车互联网4S店开放平台</text>
    </view>
  </view>

  <view class="returnTop t" bindtap="returnTop">返回顶部</view>
  <!-- 展示参与活动人员弹框区域 -->
  <view class="actPeopleWrap" wx:if="{{showActPeople}}">
    <view class="actPeople">
      <view class="actTitle">
        共有{{indexData.can_num}}人参与了活动
      </view>
      <scroll-view scroll-y class="actPeopleScroll">
        <view class="actPeopleList">
          <view class="actItemWrap" wx:for="{{indexData.avatar_arr}}" wx:key="index">
            <view class="actPeopleItem">
              <image src="{{item}}" mode=""></image>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
    <view class="closeBtn">
      <image src="../../static/img/close.png" mode="" data-click="false" bindtap="closeActpeo"></image>
    </view>
  </view>
  <!-- 活动规则弹框区域 -->
  <view class="actRuleAlert" wx:if="{{showActRule}}">
    <view class="actRule">
      <view class="title">
        {{titleName}}
      </view>
      <scroll-view scroll-y class="content">
        <rich-text class="dialog-content" nodes="{{chouGui.data.gui}}" style="width: 100%;"></rich-text>
        <!-- <parse :content="chouGui.gui" :imageProp="{'domain':'www.mall.com'}"></parse> -->
      </scroll-view>
      <view class="bottomBtn" bindtap="clickCloseRule">
        我知道了
      </view>
    </view>
  </view>

  <!-- 抵用券中奖弹框区域 -->
  <index-draw-alert bind:from_draw_alert="f_d_a" wx:if="{{showCouponDraw}}" getchouName="{{chou.name}}"
    getchouLogid="{{chou.log_id}}" drawid="{{id}}"></index-draw-alert>
  <!-- 领取信息弹框区域 -->
  <get-prize wx:if="{{showPickInfo}}" bind:from_prize="p_z" brand="{{brand}}" brandId="{{brandId}}" brand2="{{brand2}}"
    brandId2="{{brandId2}}" drawid="{{id}}"></get-prize>
</view>