用uniapp和vue2写一个单击切换子类样式

好的，我可以为您提供帮助。以下是使用Uniapp和Vue2编写单击切换子类样式的代码示例：

<template>
  <view>
    <view class="categoryList">
      <view
        class="categoryItem"
        :class="{active: activeIndex === index}"
        v-for="(item, index) in categoryList"
        :key="item.id"
        @click="changeCategory(index)"
      >
        {{ item.name }}
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      categoryList: [
        { id: 1, name: "分类1" },
        { id: 2, name: "分类2" },
        { id: 3, name: "分类3" },
      ],
      activeIndex: 0,
    };
  },
  methods: {
    changeCategory(index) {
      this.activeIndex = index;
    },
  },
};
</script>

<style>
.categoryList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.categoryItem {
  width: 30%;
  height: 80rpx;
  font-size: 26rpx;
  color: #555;
  text-align: center;
  line-height: 80rpx;
  border: 1rpx solid #eee;
  border-radius: 20rpx;
  margin-bottom: 20rpx;
}
.categoryItem.active {
  color: #fff;
  background-color: #007aff;
}
</style>

这个示例中，我们使用`v-for`指令循环渲染每一个子分类，并使用`:class`绑定`active`类来实现选中样式的切换。同时，我们还使用`@click`绑定`changeCategory`方法，实现选中子类后的响应。

希望这个示例能够帮助到您！