微信小程序实现商品分类左右联动代码

由于问题不够明确，以下是一个简单的商品分类左右联动的示例代码。

wxml：

<view class="container">
  <view class="left">
    <scroll-view scroll-y>
      <view class="item {{currentIndex === index ? 'active' : ''}}" wx:for="{{categories}}" wx:key="index" data-index="{{index}}" bindtap="handleCategoryClick">{{item}}</view>
    </scroll-view>
  </view>
  <view class="right">
    <scroll-view scroll-y>
      <view class="item" wx:for="{{products}}" wx:key="index">{{item}}</view>
    </scroll-view>
  </view>
</view>

js:

Page({
  data: {
    categories: ['分类一', '分类二', '分类三'],
    products: [
      ['商品一', '商品二', '商品三'],
      ['商品四', '商品五', '商品六'],
      ['商品七', '商品八', '商品九']
    ],
    currentIndex: 0
  },

  handleCategoryClick(event) {
    const index = event.currentTarget.dataset.index
    this.setData({
      currentIndex: index
    })
  }
})

样式：

.container {
  display: flex;
  height: 100vh;
}

.left {
  width: 30%;
  background-color: #f2f2f2;
}

.right {
  width: 70%;
}

.item {
  padding: 10px;
  font-size: 16px;
  border-bottom: 1px solid #e6e6e6;
}

.item.active {
  background-color: #fff;
  color: #007aff;
}

这里假设商品数据是一个二维数组，第一维是分类，第二维是该分类下的商品。左边是分类列表，右边是商品列表，点击左边的分类会高亮显示，并切换右边的商品列表。