index.wxml 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <import src="index.skeleton.wxml" />
  2. <template is="skeleton" wx:if="{{loading}}" />
  3. <navigator url="#" wx:for="{{list}}" wx:key="item.itemid" class="item-box">
  4. <view class="top" bindtap="changeResults" data-item="{{item}}">
  5. <view class="image">
  6. <van-image width="100%" height="100%" fit="cover" src="{{item.attinfos[0].subfiles[0].url}}" use-loading-slot use-error-slot lazy-load>
  7. <van-loading slot="loading" type="spinner" size="20" vertical />
  8. <text slot="error">加载失败</text>
  9. </van-image>
  10. </view>
  11. <view class="content">
  12. <view class="title">
  13. <text class="line-1">{{item.itemname}}</text>
  14. <text class="iconfont icon-guanlian-shanchu" catchtap="deteleItem" data-item="{{item}}" />
  15. </view>
  16. <view class="exp">编号:{{item.itemno}}</view>
  17. <view class="exp">规格:{{item.spec}}</view>
  18. <view class="exp">型号:{{item.model}}</view>
  19. <view class="exp">品牌:{{item.brandname}}</view>
  20. <view class="exp">领域:<text wx:for="{{item.tradefield}}" wx:for-item="it" wx:key="it.itemid">{{it.tradefield}} </text></view>
  21. <view class="exp"><text style="font-size: 24rpx;font-weight: 600;color: #FF3B30;">¥{{item.gradeprice}}</text>/<text style="font-size: 20rpx;">¥{{item.oldprice}}</text></view>
  22. </view>
  23. </view>
  24. <view class="bottom">
  25. <view class="check" bindtap="changeResults" data-item="{{item}}">
  26. <van-checkbox shape='square' disabled="{{sa_brandid && sa_brandid!=item.sa_brandid}}" icon-size='24rpx' label-class='label-class' value="{{ decide.checked(item.sa_shoppingcartid,results) }}" bind:change="onChange">
  27. 选中
  28. </van-checkbox>
  29. </view>
  30. <van-stepper value="{{ item.qty }}" input-class='input-class' data-index="{{index}}" catch:change="stepperChange" />
  31. </view>
  32. </navigator>
  33. <!-- 底部 -->
  34. <view style="height: 130rpx;" />
  35. <view class="footer">
  36. <view class="left">
  37. <view class="sum">
  38. 商品合计:<text>¥{{sum}}</text>
  39. </view>
  40. <view class="transport">
  41. 运费(预估):<text>¥{{yfsum}}</text>
  42. </view>
  43. </view>
  44. <van-button custom-class='but' disabled='{{!results.length}}' bind:click="submit">生成订单</van-button>
  45. </view>
  46. <wxs module="decide">
  47. module.exports = {
  48. checked: function (id, list) {
  49. return list.some(function (v) {
  50. return v == id
  51. });
  52. }
  53. }
  54. </wxs>