index.wxml 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!-- 商品组 -->
  2. <view wx:if="{{ data.goodsList.data.length }}" class="diy-sharpGoods" style="background: {{ itemStyle.background }};">
  3. <view class="sharp-top dis-flex flex-y-center">
  4. <view class="sharp-top--left flex-box dis-flex flex-y-center">
  5. <view class="sharp-modular dis-flex flex-y-center">
  6. <text class="iconfont icon-miaosha-b"></text>
  7. <text class="modular-name">限时秒杀</text>
  8. </view>
  9. <view class="sharp-active-status">
  10. <text>{{ data.active.sharp_modular_text }}</text>
  11. </view>
  12. <!-- 倒计时 -->
  13. <view wx:if="{{ data.active.status == ActiveStatusEnum.STATE_BEGIN.value }}" class="active-count-down">
  14. <countdown wx:if="{{ countDownTime }}" date="{{ countDownTime }}" style="custom" />
  15. </view>
  16. </view>
  17. <view class="sharp-top--right">
  18. <form bindsubmit="_onTargetSharpIndex" report-submit="true">
  19. <button formType="submit" class="btn-normal dis-flex">
  20. <view class="sharp-more dis-flex flex-y-center">
  21. <text class="sharp-more-text">更多</text>
  22. <text class="sharp-more-arrow iconfont icon-xiangyoujiantou"></text>
  23. </view>
  24. </button>
  25. </form>
  26. </view>
  27. </view>
  28. <view class="goods-list display__list clear column__{{ itemStyle.column }}">
  29. <view class="goods-item" wx:for="{{ data.goodsList.data }}" wx:key="this" wx:for-item="dataItem">
  30. <form bindsubmit="_onTargetGoods" report-submit="true">
  31. <button formType="submit" class="btn-normal" data-id="{{ dataItem.sharp_goods_id }}">
  32. <view class="goods-item--container">
  33. <!-- 单列商品 -->
  34. <block wx:if="{{ itemStyle.column == 1 }}">
  35. </block>
  36. <!-- 两列三列 -->
  37. <block v-else>
  38. <!-- 商品图片 -->
  39. <view class="goods-image">
  40. <image class="image" mode="aspectFill" src="{{ dataItem.goods_image }}"></image>
  41. </view>
  42. <view class="detail">
  43. <!-- 商品标题 -->
  44. <view wx:if="{{ itemStyle.show.goodsName }}" class="goods-name twolist-hidden">
  45. {{ dataItem.goods_name }}
  46. </view>
  47. <!-- 商品价格 -->
  48. <view class="detail-price onelist-hidden">
  49. <text wx:if="{{ itemStyle.show.seckillPrice }}"
  50. class="goods-price f-30 col-m">¥{{ dataItem.goods_sku.seckill_price }}</text>
  51. <text wx:if="{{ itemStyle.show.originalPrice && dataItem.goods_sku.original_price > 0 }}"
  52. class="line-price col-9 f-24">¥{{ dataItem.goods_sku.original_price }}</text>
  53. </view>
  54. </view>
  55. </block>
  56. </view>
  57. </button>
  58. </form>
  59. </view>
  60. </view>
  61. </view>