index.wxml 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <view
  2. id="{{independentID}}"
  3. class="wr-goods-card card-class {{ layout }} {{ centered ? 'center' : ''}}"
  4. bind:tap="clickHandle"
  5. data-goods="{{ goods }}"
  6. hidden="{{hiddenInData}}"
  7. >
  8. <view class="wr-goods-card__main">
  9. <view class="wr-goods-card__thumb thumb-class" bind:tap="clickThumbHandle">
  10. <!-- data-src 是方便加购动画读取图片用的 -->
  11. <t-image
  12. t-class="wr-goods-card__thumb-com"
  13. wx:if="{{ !!goods.thumb && !goods.hideKey.thumb }}"
  14. src="{{ goods.thumb }}"
  15. mode="{{ thumbMode }}"
  16. lazy-load="{{ lazyLoad }}"
  17. />
  18. <slot name="thumb-cover" />
  19. </view>
  20. <view class="wr-goods-card__body">
  21. <view class="wr-goods-card__long_content">
  22. <view wx:if="{{ goods.title && !goods.hideKey.title }}" class="wr-goods-card__title title-class" style="-webkit-line-clamp: {{ goods.lineClamp }};">
  23. <slot name="before-title" />
  24. {{ goods.title }}
  25. </view>
  26. <slot name="after-title" />
  27. <view wx:if="{{ goods.desc && !goods.hideKey.desc }}" class="wr-goods-card__desc desc-class">{{ goods.desc }}</view>
  28. <slot name="after-desc" />
  29. <view wx:if="{{ goods.specs && goods.specs.length > 0 && !goods.hideKey.specs }}" class="wr-goods-card__specs__desc specs-class" bind:tap="clickSpecsHandle">
  30. <view class="wr-goods-card__specs__desc-text">{{ goods.specs }}</view>
  31. </view>
  32. <view class="goods_tips" wx:if="{{goods.stockQuantity !== 0 && goods.quantity >= goods.stockQuantity}}">库存不足</view>
  33. </view>
  34. <view class="wr-goods-card__short_content">
  35. <block wx:if="{{goods.stockQuantity !== 0}}">
  36. <view wx:if="{{ pricePrefix }}" class="wr-goods-card__price__prefix price-prefix-class">{{ pricePrefix }}</view>
  37. <slot name="price-prefix" />
  38. <view wx:if="{{ goods.price && !goods.hideKey.price }}" class="wr-goods-card__price">
  39. <price
  40. wr-class="price-class"
  41. symbol="{{currency}}"
  42. price="{{goods.price}}"
  43. fill="{{priceFill}}"
  44. decimalSmaller
  45. />
  46. </view>
  47. <view wx:if="{{ goods.originPrice && !goods.hideKey.originPrice && isValidityLinePrice }}" class="wr-goods-card__origin-price">
  48. <price
  49. wr-class="origin-price-class"
  50. symbol="{{currency}}"
  51. price="{{goods.originPrice}}"
  52. fill="{{priceFill}}"
  53. />
  54. </view>
  55. <slot name="origin-price" />
  56. <view wx:if="{{goods.num && !goods.hideKey.num}}" class="wr-goods-card__num num-class">
  57. <text class="wr-goods-card__num__prefix">x </text>
  58. {{ goods.num }}
  59. </view>
  60. </block>
  61. <block wx:else>
  62. <view class="no_storage">
  63. <view>请重新选择商品规格</view>
  64. <view class="no_storage__right">重选</view>
  65. </view>
  66. </block>
  67. </view>
  68. <slot name="append-body" />
  69. </view>
  70. <slot name="footer" />
  71. </view>
  72. <slot name="append-card" />
  73. </view>