<view class="header {{shareFlag || 'mt-header'}}">

  <product-header product="{{product}}" shareFlag="{{shareFlag}}" avatars="{{avatars}}"></product-header>
</view>
<block wx:if="{{false}}">
  <counter count="{{participantCount}}" num="{{product.limit}}" status="{{product.status}}"></counter>
  <prize-progress step="{{step}}"></prize-progress>
</block>
<view class="machine {{shareFlag ? 'machine-t-m' : 'machine-t-l'}}">
  <view class="open-shadow"></view>
  <view class="code-list" animation="{{animation}}">
    <view class="code-list-item-container">
      <view class="code-list-item">
        <view class="content"></view>
      </view>
      <view class="code-list-item" wx:for="{{codeList}}" wx:if="{{index < 3}}" wx:key="{{index}}">
        <view class="content">
          <image class="thumb" mode="widthFix" src="{{item.user_thumb}}"></image>
          <view class="text">
            <view>我的</view>
            <view>抽奖码</view>
          </view>
          <view class="my-code">{{item.prize_code}}</view>
        </view>
        <image class="shadow"
               src="https://img11.static.yhbimg.com/yhb-img01/2018/12/27/19/0140fa3243af949068d2aabeedb0ea0666.png"
               mode="widthFix" wx:if="{{index == 2 && codeList.length>3 }}"></image>
      </view>
      <image src="./images/down.png" bindtap="goList" data-index="3" mode="widthFix" class="down"
             wx:if="{{codeList.length>3}}"></image>
    </view>
  </view>
</view>
<view class="help">
  <help></help>
</view>
<desc list="{{product.content}}" bind:tapUrl="_jumpBanner" bannerSrc="{{bannerSrc}}" bannerUrl="{{bannerUrl}}"></desc>

<view class="line"></view>

<more wx:if="{{recommends.length > 0}}">
  <block wx:for="{{recommends}}" wx:key="{{index}}">
    <view class="product-item">
      <product-item product="{{item}}" tab-idx="{{tabIdx - 1}}"></product-item>
    </view>
  </block>
</more>

<view class="fellow-bar" wx:if="{{product.status && !shareFlag}}">
  <fellow-bar notice="{{notice}}"></fellow-bar>
</view>
<group-recommend groupRecommendList="{{groupList}}" bindgoToGroupMiniApp="goToGroupMiniApp">
</group-recommend>

<view class="action-bar">
  <action-bar wx:if="{{isLogin}}" status="{{actionStatus}}" num="{{myPrizeCount}}" share-uid="{{shareUid}}"
              act-prize-id="{{actPrizeId}}" bindgetcode="changeActionStatus" bindshare="share"
              copyText="{{lottery.miniappCopy}}" text="{{lottery.miniappTip}}"
              bindgaincodesuccess="reportSuccess" type="{{lottery.miniappType}}"
  ></action-bar>

  <block wx:else>
    <view class="action-bar2">
      <view class="action-item action-list" bindtap="goList">
        <image class="action-image" src="./images/list_icon@2x.png"></image>
      </view>

      <block wx:if="{{product.status === 2}}">
        <button class="action-item confirm" bindtap="goLogin">0元参加抽奖</button>
      </block>

      <block wx:else>
        <view class="action-item over">活动已结束</view>
      </block>
    </view>
  </block>
</view>
<view class="foot"></view>

<import src="../../vendors/zanui/actionsheet/index.wxml"/>
<template is="zan-actionsheet" data="{{...actionsheet}}"/>

<import src="../../vendors/zanui/toast/index.wxml"/>
<template is="zan-toast" data="{{zanToast}}"/>

<import src="../../vendors/toast/wetoast.wxml"/>
<template is="wetoast" data="{{...__wetoast__}}"/>

<!-- <quickNavigation id="quickNavigation" isShowIndicator="{{false}}" isShowShopCart="{{false}}" marginBottom="{{190}}"></quickNavigation> -->

<zero-alert wx:if="{{showAuth}}">
  <view class="auth-content">OOPS 用户尚未授权登录</view>
  <button class="auth-foot action-item confirm" open-type="{{!hasUnionID ? 'getUserInfo':'getPhoneNumber'}}"
          bindgetphonenumber="getPhoneNumber" bindgetuserinfo='getUserInfo'>授权登录
  </button>
</zero-alert>