更新记录

1.0.13（2023-07-05） 下载此版本

修改tabbar页路径，都改为index.vue

1.0.12（2023-06-08） 下载此版本

默认字体颜色改为#666666，修复上边框默认值问题，字体行高设为initial

1.0.11（2023-06-08） 下载此版本

修改默认字体颜色为#333333

平台兼容性

pyh-tab 全自定义tab栏

pyh-tab tabBar栏组件，组件名：pyh-tab，代码块： pyh-tab。

使用方式：

uni_modules:

uni_modules使用方法；

非uni_modules: 如何从插件市场下载使用组件 uni-app插件市场的插件详情页，右上角uni_modules版本下载插件ZIP，解压/拉入components文件夹到 uni-app 根目录

在 main.js 中引用组件 (示例项目main.js有注释，去掉对应注释可以直接使用)

import tab from "@/components/pyh-tab/pyh-tab.vue";
// #ifndef VUE3
Vue.component("pyh-tab",tab)
// #endif
// #ifdef VUE3
//在const app = createSSRApp(App)后添加
app.component('pyh-tab',tab)
// #endif

在 template 中使用组件

<pyh-tab></pyh-tab>

在 script 中 tabBar 说明

所有配置都为选填,无需要可以不配置,不复杂!!!
所有配置都为选填,无需要可以不配置,不复杂!!!
所有配置都为选填,无需要可以不配置,不复杂!!!

pyh-tab.vue 内配置说明：

涉及到全局变量getApp().globalData

tabBar 属性说明：

list数组的子项 属性说明：

组件pyh-tab 事件说明(详情请参考示例项目)：

感谢：

有更多优化建议和需求，请联系作者 panyh 。谢谢！