niuniu/lionfish_comshop/components/sku/index.wxml

<i-modal bind:cancel="close" iClass="sku-content" scrollUp="{{true}}" visible="{{visible}}">
  <view class="sku-card">
    <view bindtap="close" class="close">
      <image class='close-img' src="../../images/icon-sku-close.png"></image>
    </view>
    <view class="sku-header">
      <i-img defaultImage="../../images/placeholder-refund.png" height="80" iClass="sku-img" loadImage="{{skuList[current].skuImage}}" width="80"></i-img>
      <view class="sku-desc">
        <view class="sku-title">
          <text class='span'>{{skuList[current].spuName}}</text>
        </view>
        <view class="sku-price">
          <view class="sale-price">
            ¥
            <text class='span'>{{skuList[current].actPrice[0]}}</text>.{{skuList[current].actPrice[1]}}
          </view>
          <view class="market-price">¥{{skuList[current].marketPrice[0]}}.{{skuList[current].marketPrice[1]}}</view>
        </view>
        <view class="sku-switch-on">已选择：{{skuList[current].spec}}</view>
      </view>
    </view>
    <view class="sku-msg" wx:if="{{promotionDTO.activityType===1||promotionDTO.activityType===2}}">
      <view class="tag">满减</view>
      <view class="sku-activity-msg">
        <block wx:for="{{promotionDTO.rules}}" wx:key="{{index}}">{{promotionDTO.promotionType===2?'每':''}}满{{item.targetAmount/100}}元减{{item.discountAmount/100}}元{{index===promotionDTO.rules.length-1?'':'，'}}</block>
      </view>
    </view>
    <view class="sku-msg" wx:elif="{{promotionDTO.activityType===3}}">
      <view class="tag">满赠</view>
      <view class="sku-activity-msg">
        <block wx:for="{{promotionDTO.rules}}" wx:key="{{index}}">满{{item.targetAmount/100}}元赠{{item.giveGoodsName}}{{index===promotionDTO.rules.length-1?'':'，'}}</block>
      </view>
    </view>
    <view class="sku-spec">
      <view class="title">规格{{skuList.length}}<text wx:for="{{skuList.name}}">{{item}}</text></view>
      <view class="spec-list">
        <text class='span' bindtap="switchSpec" class="{{item.canBuyNum-value<0?'disabled':index===current?'on':''}}" data-disabled="{{item.canBuyNum-value<0}}" data-idx="{{index}}" wx:for="{{skuList}}" wx:key="{{index}}">{{item.spec}}</text>
      </view>
    </view>
    <view class="sku-num-content">
      <view class="title">数量</view>
      <i-input-number bind:change="changeNumber" bind:focus="focus" max="{{skuList[current].canBuyNum}}" min="1" value="{{value}}"></i-input-number>
      <view class="msg" wx:if="{{skuList[current].isLimit}}">
        <text class='span' wx:if="{{skuList[current].limitMemberNum>-1}}">每人限{{skuList[current].limitMemberNum}}单</text>
        <text class='span' wx:if="{{skuList[current].limitOrderNum>-1}}">每单限{{skuList[current].limitOrderNum}}份</text>
        <text class='span'></text>
      </view>
      <view class="even-num" wx:elif="{{!skuList[current].isLimit&&skuList[current].canBuyNum-value<=10&&skuList[current].canBuyNum-value>-1}}">还可以购买 {{skuList[current].canBuyNum-value}} 件</view>
    </view>
    <i-button bind:click="confirm" iClass="sku-confirm" loading="{{loading}}">
      <view>确定</view>
    </i-button>
  </view>
</i-modal>