<!-- packageH/freeLottery/index/index.wxml -->
<image class="page-background"></image>
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/freeLottery/lottery_title.png" class="lottery-title"></image>
<!-- <view class="lucky-number" hover-class="none" hover-stop-propagation="false">
  {{ luckyNumber }}
</view> -->
<!-- 转盘 -->
<view class="lottery">
  <!-- 指针 -->
  <image class="turntable-pointer" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/freeLottery/pointer.png" mode="aspectFill" bind:tap="displayResultPopup"></image>
  <d-turntable class="turntable" prize="{{ prizies }}" start="{{ startSprnning }}" bind:end="turntabeEnd" lottery="{{ luckyNumber }}" maxDuration="7" minDuration="3" ></d-turntable>
</view>
<!-- 结果 弹窗 -->
<view class="lottery-popup {{ lotteryPopupClass }}" hidden="{{ hiddenResultPopup }}">
  <view class="lottery-popup-decoration"></view>
  <view class="lottery-popup-container">
    <block wx:if="{{ isLottery }}">
      <view class="lottery-popup_title">恭喜获得免单机会</view>
      <block wx:if="{{ task.status===0 }}">
        <view class="lottery-popup_condition">完成以下任务可获得免单</view>
        <view class="lottery-popup_condition-detail">
          <text>{{ task.limit_time }}</text>
          分钟内分享
          <text>{{ task.people_num }}</text>
          位好友
        </view>
      </block>
      <view class="lottery-popup_goods">
        <view class="lottery-popup_goods-list_title">免单商品</view>
        <scroll-view scroll-x class="lottery-popup_goods-list">
          <view class="lottery-popup_goods-item" wx:for="{{ freeTasks }}" wx:for-item="taskItem" wx:key="id">
            <image class="lottery-popup_goods-cover" src="{{ taskItem.goods.thumb }}" mode="aspectFill"></image>
            <view class="lottery-popup_goods-title">{{ taskItem.goods.title }}</view>
            <view class="lottery-popup_goods-count">数量：1</view>
          </view>
        </scroll-view>
      </view>
    </block>
    <block wx:if="{{ isLottery===false }}">
      <view class="lottery-lost">谢谢参与</view>
      <van-button color="#fad754" block round bind:tap="displayResultPopup">确定</van-button>
    </block>
  </view>
  <view class="lottery-popup_footer" wx:if="{{ showFooterButtons }}">
    <button open-type="share">立即分享</button>
    <button bind:tap="toRecords">任务查询</button>
  </view>
  <view class="lottery-popup-close iconfont icon-adsystem_icon_cancle" bind:tap="displayResultPopup"></view>
</view>
<!-- 弹窗mask -->
<view class="lottery-popup-mask" hidden="{{ hiddenResultPopup }}" bind:tap="displayResultPopup"></view>