uniapp商城分类导航

Uniapp商城分类导航可以通过以下步骤实现：

1. 首先，在页面中添加一个导航栏组件，可以使用uni-ui中的导航栏组件或自定义组件。

2. 然后，定义分类数据，可以在页面中定义一个变量，存储分类数据，例如：

categories: [
  { name: '服装', id: 'clothing' },
  { name: '鞋子', id: 'shoes' },
  { name: '配件', id: 'accessories' }
]

3. 接着，在导航栏组件中循环遍历分类数据，生成对应的导航栏菜单，例如：

<template>
  <view>
    <nav-bar>
      <view slot="left">
        <uni-icon type="back" size="24"></uni-icon>
      </view>
      <view slot="title">商城分类</view>
    </nav-bar>
    <view>
      <view v-for="(category, index) in categories" :key="index" class="category-item">{{ category.name }}</view>
    </view>
  </view>
</template>

4. 最后，为每个导航栏菜单添加点击事件，跳转到对应的分类页面，例如：

<template>
  <view>
    <nav-bar>
      <view slot="left">
        <uni-icon type="back" size="24"></uni-icon>
      </view>
      <view slot="title">商城分类</view>
    </nav-bar>
    <view>
      <view v-for="(category, index) in categories" :key="index" class="category-item" @click="gotoCategory(category.id)">{{ category.name }}</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      categories: [
        { name: '服装', id: 'clothing' },
        { name: '鞋子', id: 'shoes' },
        { name: '配件', id: 'accessories' }
      ]
    }
  },
  methods: {
    gotoCategory(categoryId) {
      uni.navigateTo({
        url: `/pages/category/category?id=${categoryId}`
      })
    }
  }
}
</script>

以上就是一个简单的Uniapp商城分类导航的实现方法。