Skip to content

tabbar 底部导航栏

tabbar 是自定义的底部导航栏组件。

基础用法

vue
<template>
  <tabbar></tabbar>
</template>

说明

该组件配置数据在内部 data 中定义,包含首页、商品、订单、购物车、我的五个 Tab。 图片资源依赖 @/static/images/tabbar/ 目录。 购物车角标依赖 shoppingCartNumber 变量 (组件内部未展示获取逻辑,可能需要 mixin 或 store 支持)。

Props

无公开 Props,样式配置在内部 data tabBarStyle 中。

Events

点击 Tab 会触发页面跳转 (uni.switchTabuni.reLaunch,具体逻辑需参考内部实现,当前代码显示直接绑定了 click 事件但未展示完整跳转逻辑)。