<!--page/subPackage/pages/zeroSell/components/prize-progress.wxml-->

<view style="text-align: center; margin-bottom: 60rpx;">

  <view class="prize-progress">

    <view class="step">
      <image wx:if="{{step === 0}}" class="step-image" src="../images/step0@2x.png"></image>
      <image wx:elif="{{step === 1}}" class="step-image" src="../images/step1@2x.png"></image>
      <image wx:elif="{{step === 2}}" class="step-image" src="../images/step2@2x.png"></image>
      <image wx:elif="{{step === 3 || step === 4}}" class="step-image" src="../images/step3@2x.png"></image>
      <image wx:else class="step-image" src="../images/step0@2x.png"></image>
    </view>

    <view class="desc">
      <view class="title {{step >= 1 ? 'active':''}}">参加抽奖</view>
      <view class="title {{step >= 2 ? 'active':''}}">邀请好友</view>
      <view class="title {{step >= 3 ? 'active':''}}">{{ step === 4 ? '人数不足' : '人满开奖'}}</view>
    </view>
  </view>

</view>