index.wxml 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!-- 商品组 -->
  2. <view class="diy-bargainGoods" style="background: {{ itemStyle.background }};">
  3. <view class="goods-item dis-flex" wx:for="{{ dataList }}" wx:key="this" wx:for-item="dataItem">
  4. <form bindsubmit="_onTargetGoods" report-submit="true">
  5. <button formType="submit" class="btn-normal dis-flex" data-id="{{ dataItem.active_id }}">
  6. <view class="goods-item--container dis-flex">
  7. <!-- 商品图片 -->
  8. <view class="goods-image">
  9. <image class="image" src="{{ dataItem.goods_image }}"></image>
  10. </view>
  11. <view class="goods-info">
  12. <!-- 商品名称 -->
  13. <view class="goods-name">
  14. <text class="twolist-hidden">{{ dataItem.goods_name }}</text>
  15. </view>
  16. <!-- 参与的用户头像 -->
  17. <view wx:if="{{ dataItem.helps_count > 0 }}" class="peoples dis-flex">
  18. <view class="user-list dis-flex">
  19. <view wx:for="{{ dataItem.helps }}" wx:for-item="help" wx:key="this" class="user-item-avatar">
  20. <image class="image" src="{{ help.user.avatarUrl }}"></image>
  21. </view>
  22. </view>
  23. <view class="people__text">
  24. <text>{{ dataItem.helps_count }}人正在砍价</text>
  25. </view>
  26. </view>
  27. <!-- 商品原价 -->
  28. <view class="goods-price">
  29. <text>¥{{ dataItem.original_price }}</text>
  30. </view>
  31. <!-- 砍价低价 -->
  32. <view class="floor-price">
  33. <text class="small">最低¥</text>
  34. <text class="big">{{ dataItem.floor_price }}</text>
  35. </view>
  36. <!-- 操作按钮 -->
  37. <view class="opt-touch">
  38. <view class="touch-btn">
  39. <text>立即参加</text>
  40. </view>
  41. </view>
  42. </view>
  43. </view>
  44. </button>
  45. </form>
  46. </view>
  47. </view>