微信小程序开发商品分类页面

微信小程序开发商品分类页面可以通过使用`<scroll-view>`组件和`<view>`组件来实现。下面是一个示例代码：

<scroll-view scroll-y="true" class="category-scroll">
  <view wx:for="{{categories}}" wx:key="index" class="category-item" bindtap="onCategoryTap">
    <image src="{{item.image}}" class="category-image"></image>
    <text class="category-name">{{item.name}}</text>
  </view>
</scroll-view>

在上面的代码中，我们使用了`<scroll-view>`组件来实现商品分类的滚动效果，并设置了`scroll-y="true"`来允许垂直滚动。然后，我们使用`<view>`组件来展示每个商品分类的图片和名称。通过`wx:for`和`wx:key`属性，我们可以遍历商品分类列表，并为每个分类项绑定点击事件`bindtap="onCategoryTap"`。

接下来，我们可以在对应的小程序页面的JS文件中定义`categories`数据和`onCategoryTap`事件处理函数。`categories`数据可以是一个包含商品分类信息的数组，每个分类包括图片和名称等属性。`onCategoryTap`事件处理函数可以在用户点击某个分类时触发相应的操作，比如跳转到对应的商品列表页面。

Page({
  data: {
    categories: [
      { image: 'image1.jpg', name: '分类1' },
      { image: 'image2.jpg', name: '分类2' },
      { image: 'image3.jpg', name: '分类3' },
      // ...
    ]
  },
  onCategoryTap: function(event) {
    // 处理分类点击事件
    var category = event.currentTarget.dataset.category;
    // 跳转到对应的商品列表页面
    wx.navigateTo({
      url: '/pages/goods-list?category=' + category
    });
  }
});

在上面的代码中，我们在`data`中定义了`categories`数组，其中包含了商品分类的图片和名称。在`onCategoryTap`事件处理函数中，我们通过`event.currentTarget.dataset.category`获取用户点击的分类信息，并通过`wx.navigateTo`跳转到对应的商品列表页面。