<!--pages/luckydraw/luckydraw.wxml-->
<view class='banner'>
    <image class='img_box' src='/images/zpbanner.png'></image>
  </view>
<view class="container-out">
  
    <!-- 闪烁点 -->
    <view class="circle" wx:for="{{circleList}}" wx:key="unique" style="top:{{item.topCircle}}rpx;left:{{item.leftCircle}}rpx;background-color: {{(index%2==0)?colorCircleFirst:colorCircleSecond}};"></view>
    <!-- 奖品图片和开始按钮 -->
    <view class="container-in">
        <view class="content-out" wx:for="{{awardList}}" wx:key="unique" style="top:{{item.topAward}}rpx;left:{{item.leftAward}}rpx;background-color: {{(index==indexSelect)?colorAwardSelect:colorAwardDefault}};">
            <image class="award-image" src="{{item.imageAward}}"></image>
        </view>
        <view class="start-btn" bindtap="startGame" style="font-size: 38rpx; background-color:{{isRunning?'#e7930a':'#ffe400'}}">Start</view>
    </view>      
</view>


<view class='winning' bindtap='get_record'>
    Winning Record
</view>

<view class='desc_text'>
    <view class='desc_title'>Rules And Regulation</view>
    <view class='desc_content'>1、{{lottery_integral}} points a single game</view>
    <view class='desc_content'>2、Point can be earn through C2C function</view>
    <view class='desc_content'>3、Can redeem prize at the store based on the winning record</view>
</view>

<!-- 抽奖表单 -->
<view class='bdans' wx:if="{{showbiaodan}}">
   <view class='bdans_all'>
       <view class='badans_top'>
         填写收货人信息
       </view>
       <view class='xm'>
         <view class='xm_left'>
           姓名
         </view>
         <view class='xm_right'>
           <input type='text' placeholder='请填写姓名'  class='ins' placeholder-class='ins' bindinput='name' value='{{name}}'></input>
         </view>
       </view>
       <!-- 手机号 -->
       <view class='xm'>
         <view class='xm_left'>
           手机号
         </view>
         <view class='xm_right'>
           <input type='text' placeholder='请填写手机号'  class='ins' placeholder-class='ins' bindinput='phone' value='{{phone}}'></input>
         </view>
       </view>
       <!-- 地址 -->
       <view class='dz'>
         <view class='dz_right'>
           <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
            <view class="picker">
            地址:{{region[0]}}，{{region[1]}}，{{region[2]}}
            </view>
          </picker>
         </view>
       </view>
       <!-- 详细地址 -->
       <view class='xm'>
         <view class='xm_left'>
           详细地址
         </view>
         <view class='xm_right'>
           <input type='text' placeholder='请填写详细地址'  class='ins' placeholder-class='ins' bindinput='xxdz' value='{{xxdz}}'></input>
         </view>
       </view>
       <!-- 确定 -->
       <view class='quding' bindtap='ok'>确定</view>
   </view>  
</view>