groupbuying.wxml 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <view style="background: #f5f5f5; padding: 20rpx 0;">
  2. <view class="goodslist_boxs">
  3. <view class="search-bar">
  4. <input class="search-input" placeholder="搜索商品" />
  5. <image class="search-icon" src="{{souimg}}" />
  6. </view>
  7. <view class="title_1">商品分类</view>
  8. <view class="category-tabs">
  9. <view wx:for="{{categories}}" wx:key="index">
  10. <view class="category-tab {{item.sort === categoriesindex ? 'active' : ''}}" bindtap="tabcategories" data-type="{{item.sort}}">{{item.name}}</view>
  11. </view>
  12. </view>
  13. <view class="goods-list">
  14. <block wx:for="{{goods}}" wx:key="index">
  15. <view class="goods-item" bindtap="navigateToDetail" data-index="{{index}}">
  16. <image class="goods-image" src="{{item.image}}" mode="aspectFill"></image>
  17. <view class="goods-info">
  18. <view class="goods-title">{{item.title}}</view>
  19. <view class="goods-price">
  20. <text>¥{{item.price}}</text>
  21. <text class="goods-status">已拼 {{item.sold}}件</text>
  22. </view>
  23. <view class="original-price">¥{{item.originalPrice}}</view>
  24. <view class="gw_boxs">
  25. <view class="gw_imgboxs">
  26. <image style="width: 55rpx;height: 55rpx;padding-top: 6rpx;" src="{{gouwucimg}}" />
  27. </view>
  28. <view class="gw_button">
  29. <button class="buy-button">立即购买</button>
  30. </view>
  31. </view>
  32. </view>
  33. </view>
  34. </block>
  35. </view>
  36. </view>
  37. </view>