index.wxml 5.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <i-modal bind:cancel="close" iClass="sku-content" scrollUp="{{true}}" visible="{{visible}}">
  2. <view class="sku-card safebottom">
  3. <view bindtap="close" class="close">
  4. <image class="image" src="../../images/icon-sku-close.png"></image>
  5. </view>
  6. <view class="sku-header">
  7. <i-img defaultImage="../../images/placeholder-refund.png" height="80" iClass="sku-img" loadImage="{{cur_sku_arr.skuImage}}" width="80"></i-img>
  8. <view class="sku-desc">
  9. <view class="sku-title">
  10. <text class='span'>{{cur_sku_arr.spuName ? cur_sku_arr.spuName : cur_sku_arr.goodsname}}</text>
  11. </view>
  12. <view class="sku-price">
  13. <view class="sale-price">
  14. <block wx:if="{{buyType=='integral'}}"><text class='span'>{{cur_sku_arr.actPrice[0]}}</text>积分</block>
  15. <block wx:else>¥
  16. <text class='span' wx:if="{{!parseFloat(cur_sku_arr.levelprice)}}">{{cur_sku_arr.actPrice[0]}}{{cur_sku_arr.actPrice[1] ? '.' : ''}}{{cur_sku_arr.actPrice[1]}}</text>
  17. <!-- <text class='span' wx:if="{{cur_sku_arr.levelprice}}">{{cur_sku_arr.levelprice}}</text> -->
  18. <text class='span' wx:if="{{parseFloat(cur_sku_arr.levelprice)}}">{{cur_sku_arr.levelprice}}</text>
  19. </block>
  20. </view>
  21. <view class="market-price" wx:if="{{buyType=='integral'}}">¥{{cur_sku_arr.marketPrice[0]}}</view>
  22. <view class="market-price" wx:else>¥
  23. <text wx:if="{{cur_sku_arr.levelprice==null}}">{{cur_sku_arr.marketPrice[0]}}{{cur_sku_arr.marketPrice[1] ? '.' : ''}}{{cur_sku_arr.marketPrice[1]}}</text>
  24. <text wx:if="{{cur_sku_arr.levelprice!=null}}">{{cur_sku_arr.actPrice[0]}}{{cur_sku_arr.actPrice[1] ? '.' : ''}}{{cur_sku_arr.actPrice[1]}}</text>
  25. </view>
  26. <!-- 会员价 -->
  27. <!-- <block wx:if="{{buyType!='integral'}}">
  28. <i-vip-price wx:if="{{vipInfo.is_open_vipcard_buy==1&&vipInfo.is_vip_card_member==1&&cur_sku_arr.is_take_vipcard==1}}" price="{{cur_sku_arr.card_price}}"></i-vip-price>
  29. <block wx:elif="{{vipInfo.is_member_level_buy==1&&cur_sku_arr.is_mb_level_buy==1}}">
  30. <i-vip-price wx:if="{{vipInfo.is_open_vipcard_buy==1&&vipInfo.is_vip_card_member!=1}}" price="{{cur_sku_arr.levelprice}}" type="1"></i-vip-price>
  31. <i-vip-price wx:if="{{vipInfo.is_open_vipcard_buy!=1}}" price="{{cur_sku_arr.levelprice}}" type="1"></i-vip-price>
  32. </block>
  33. </block> -->
  34. </view>
  35. <view class="sku-switch-on">已选择:{{cur_sku_arr.spec}}</view>
  36. </view>
  37. </view>
  38. <view class="sku-spec" wx:for="{{skuList.list}}" wx:key="id">
  39. <view class="title" wx:if="{{skuList.list.length>1}}">{{item.name}}</view>
  40. <scroll-view class="spec-list" scroll-y="true">
  41. <text bindtap="selectSku" class="span {{idx==sku[index]['idx']?'on':''}}" data-disabled="{{item.canBuyNum-value<0}}" data-type="{{index}}_{{idx}}_{{value.option_value_id}}_{{value.name}}" wx:for-index="idx" data-idx="{{idx}}" wx:for="{{item.option_value}}"
  42. wx:for-item="value" wx:key="idx" style="{{idx==sku[index]['idx']?'color:'+skin.color+';border-color:'+skin.color:''}}">{{value.name}}</text>
  43. </scroll-view>
  44. </view>
  45. <view class="sku-num-content">
  46. <view class="title">数量</view>
  47. <view class="i-class i-input-number i-input-number-size-{{size}}">
  48. <view bindtap="setNum" data-type="decrease" class="i-input-number-minus num-btn {{value<=min?'i-input-number-disabled':''}}">
  49. <image class='icon-btn' src="../../images/icon-input-reduce.png"></image>
  50. </view>
  51. <input wx:if="{{visible}}" bindblur="handleBlur" bindfocus="handleFocus" class="i-input-number-text {{min>=max?'i-input-number-disabled':''}}" bindinput="changeNumber" type="number" value="{{cur_sku_arr.car_quantity == 0 ||cur_sku_arr.car_quantity == null ? 1 : cur_sku_arr.car_quantity}}"></input>
  52. <view bindtap="setNum" data-type="add" class="i-input-number-plus num-btn {{value>=max?'i-input-number-disabled':''}}">
  53. <image class='icon-btn' src="../../images/icon-input-add.png"></image>
  54. </view>
  55. </view>
  56. <view class="msg" wx:if="{{cur_sku_arr.one_limit_count>0||cur_sku_arr.total_limit_count>0||cur_sku_arr.oneday_limit_count>0}}">
  57. <span wx:if="{{cur_sku_arr.one_limit_count>0}}">每单限{{cur_sku_arr.one_limit_count}}份</span>
  58. <span style="margin-left:8rpx;" wx:if="{{cur_sku_arr.total_limit_count>0}}">每人限购{{cur_sku_arr.total_limit_count}}份</span>
  59. <span></span>
  60. </view>
  61. </view>
  62. <view class="sku-num-content">
  63. <view class="even-num" wx:if="{{showLimitTip}}">
  64. 购物车总数已满或超出{{showLimitType==1?'每次':(showLimitType==2?'每天':'最多')}}购买数量
  65. </view>
  66. </view>
  67. <form report-submit="true" wx:if="{{cur_sku_arr.stock==0}}">
  68. <button wx:if="{{noEougnStock}}" class="sku-confirm" disabled='true'>
  69. <view>抢光了</view>
  70. </button>
  71. <button wx:else class="sku-confirm" disabled='true' style="background:{{skin.color}}">
  72. <!-- <view>{{cur_sku_arr.stock==0?"已抢光":"确定"}}</view> -->
  73. <view>
  74. 已抢光
  75. </view>
  76. </button>
  77. <view style="height: 100rpx;width: 100%;">
  78. </view>
  79. </form>
  80. <form report-submit="true" wx:else>
  81. <view class="sku-confirm1">
  82. <view class="jion_buy">
  83. <view bindtap="join">
  84. <text>加入购物车</text>
  85. </view>
  86. <view bindtap="buy">
  87. <text>立即购买</text>
  88. </view>
  89. </view>
  90. </view>
  91. <view style="height: 100rpx;width: 100%;">
  92. </view>
  93. </form>
  94. </view>
  95. </i-modal>