<label class="spu">
  <view class="spu-content" bindtap="goDetails" data-id="{{spuItem.actId}}" data-img="{{spuItem.skuImage}}">
    <view class="item-top">
      <block wx:if="{{diyInfo.goodsTag=='default'}}">
        <view wx:if="{{spuItem.label_info && spuItem.label_info.type==0}}" class='item-tag'>
          <image class='item-tag-bg' mode='widthFix' src="../../images/tag.png"></image>
          <view class='tag-name {{spuItem.label_info.len==2?"two-word":""}}'>{{spuItem.label_info.tagcontent}}</view>
        </view>
        <view wx:if="{{spuItem.label_info && spuItem.label_info.type==1}}" class='item-tag' style='background:url({{spuItem.label_info.tagcontent}}) no-repeat left top;background-size: 100%;'></view>
      </block>
      <block wx:if="{{diyInfo.goodsTag=='diy'}}">
        <view class='item-tag' style='background:url({{diyInfo.tagImg.imageUrl}}) no-repeat left top;background-size: 100%;'></view>
      </block>
      <i-img defaultImage="{{placeholdeImg?placeholdeImg:'../../images/placeholder-refund.png'}}" height="400" iClass="img-class" lazyLoad="true" loadImage="{{spuItem.bigImg?spuItem.bigImg:spuItem.skuImage}}" width="710"></i-img>
      <view class="spu-active" wx:if="{{reduction.is_open_fullreduction==1&&spuItem.is_take_fullreduction==1}}">
        <view class="tag">满{{reduction.full_money}}减{{reduction.full_reducemoney}}</view>
        <view class="tag tag-green" wx:if="{{spuItem.isLimit}}">限购</view>
      </view>
      <view class="spu-play" wx:if="{{spuItem.is_video}}"><image class="img" src="../../images/play.png"></image></view>
    </view>
    <view class="item-bottom">
      <view class="item-right-top">
        <view class="spu-title">
          <text class='span'>{{spuItem.spuName}}</text>
        </view>
        <view class="spu-desc" wx:if="{{spuItem.spuDescribe}}">
          <text class='em'>{{spuItem.spuDescribe}}</text>
        </view>
      </view>
      <i-vip-price wx:if="{{is_open_vipcard_buy==1&&spuItem.is_take_vipcard==1}}" price="{{spuItem.card_price}}"></i-vip-price>
      <i-vip-price wx:elif="{{spuItem.is_mb_level_buy==1}}" type="1" price="{{spuItem.levelprice}}"></i-vip-price>
      <view class="picktime" wx:if="{{showPickTime}}">
        <view>预售时间：{{spuItem.begin_time}}</view>
        <view>提货时间：{{spuItem.pick_up_modify}}</view>
      </view>
      <view class="spu-price">
        <view class="sale-price">
          <text class='span'>¥{{spuItem.actPrice[0]}}</text>.{{spuItem.actPrice[1]}}
        </view>
        <view class="market-price">¥{{spuItem.marketPrice[0]}}.{{spuItem.marketPrice[1]}}</view>
      </view>
      <view class="spu-count" wx:if="{{isShowListCount==1}}">已售{{spuItem.soldNum}}{{saleUnit}} / 仅剩{{spuItem.spuCanBuyNum}}{{saleUnit}}</view>
    </view>
    <block wx:if="{{!isPast}}">
      <block wx:if="{{number<=0}}">
        <i-button iClass="add-cart-disabled" disabled="{{disabled||spuItem.spuCanBuyNum==0}}" wx:if="{{disabled||spuItem.spuCanBuyNum==0}}">
          已抢光
        </i-button>
        <i-button iClass="add-cart-disabled" disabled="{{disabled||actEnd||spuItem.actEnd}}" wx:elif="{{disabled||actEnd||spuItem.actEnd}}">
          已结束
        </i-button>
        <view catchtap="openSku" class="add-cart" style="background: {{skin.color}};" wx:else>
          立即抢购
        </view>
      </block>
      <i-input-number wx:else addImage="../../images/icon-add-2.png" bind:change="changeNumber" bind:outOfMax="outOfMax" iClass="index-input-number" iClassNumberText="input-number-text" max="{{(spuItem.spuCanBuyNum<spuItem.one_limit_count||spuItem.one_limit_count==0)?spuItem.spuCanBuyNum:spuItem.one_limit_count}}" min="0" reduceImage="../../images/icon-reduce-2.png" value="{{number}}"></i-input-number>
    </block>
    <view class="mask" wx:if="{{isPast||disabled||spuItem.spuCanBuyNum==0||spuItem.actEnd?'disabled':''}}"></view>
    <view class="act-end act-out" wx:if="{{spuItem.spuCanBuyNum==0}}">已抢光</view>
    <view class="act-end" wx:elif="{{actEnd||spuItem.actEnd}}">已结束</view>
  </view>
</label>