wx-teacher/pages/groupbuying/groupbuying.wxml

<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="goodslist_boxs">
    <view class="search-bar">
      <input class="search-input" placeholder="搜索商品" />
      <image class="search-icon" src="{{sou}}" />
    </view>
    <view class="title_1">商品分类</view>
    <view class="category-tabs">
      <view wx:for="{{categories}}" wx:key="index">
        <view class="category-tab {{item.sort === categoriesindex ? 'active' : ''}}" bindtap="tabcategories" data-type="{{item.sort}}">{{item.name}}</view>
      </view>
    </view>
    <view class="goods-list">
      <block wx:for="{{goods}}" wx:key="index">
        <view class="goods-item" bindtap="navigateToDetail" data-index="{{index}}">
          <image class="goods-image" src="{{item.image}}" mode="aspectFill"></image>
          <view class="goods-info">
            <view class="goods-title">{{item.title}}</view>
            <view class="goods-price">
              <text>￥{{item.price}}</text>
              <text class="goods-status">已拼 {{item.sold}}件</text>
            </view>
            <view class="original-price">￥{{item.originalPrice}}</view>
            <view class="gw_boxs">
              <!-- <view class="gw_imgboxs">
                <image style="width: 55rpx;height: 55rpx;padding-top: 6rpx;" src="../../image/imgs/gwc.png" />
              </view> -->
              <view class="gw_button">
                <button class="buy-button">查看详情</button>
              </view>
            </view>
          </view>
        </view>
      </block>
    </view>
  </view>
</view>