uniapp自定义tabbar不同身份显示不同tabbar

在uniapp中，可以通过自定义tabbar来实现不同身份显示不同的tabbar。具体步骤如下：

1. 定义tabbar样式：在pages文件夹下创建一个名为"tabbar"的文件夹，并分别创建不同身份对应的tabbar页面，例如"tabbar/normal.vue"和"tabbar/vip.vue"。

2. 在App.vue中设置自定义tabbar：在App.vue的template中添加一个tabbar组件，并根据用户身份使用条件渲染来切换不同的tabbar。例如：

<template>
  <view>
    <!-- 正常用户的tabbar -->
    <tabbar type="normal" v-if="userType === 'normal'"></tabbar>
    
    <!-- VIP用户的tabbar -->
    <tabbar type="vip" v-if="userType === 'vip'"></tabbar>
  </view>
</template>

3. 在App.vue的script中定义用户身份变量：在data中定义一个userType变量来表示用户的身份，并根据实际情况来设置默认值或从后台获取用户身份。例如：

export default {
  data() {
    return {
      userType: 'normal' // 默认为正常用户
    }
  }
}

4. 在各个页面中使用tabbar：在各个页面的template中添加自定义tabbar组件，并在props中接收tabbar的type属性。例如：

<template>
  <view>
    <!-- 具体页面内容 -->
  </view>
  
  <!-- 自定义tabbar -->
  <tabbar :type="type"></tabbar>
</template>

<script>
export default {
  props: {
    type: String // 接收tabbar的type属性
  }
}
</script>

这样就可以根据用户的身份来显示不同的tabbar，实现不同身份显示不同tabbar的效果。需要注意的是，在自定义tabbar组件中，可以根据需求添加相应的功能和样式，以满足不同身份用户的需求。