Uniapp 底部导航栏 自定义 tabBar 全端 全页面引用跳转 组件

# TC-tabBar 请观看 <img src="https://mp-5833fa1d-07f4-49f6-b120-c94019485776.cdn.bspapp.com/截图/tabbargif.gif" width="300" height="570"></img> ## 使用教程 ### 第一步 引入组件 ``` <template> <TC-tabBar :zhi="zhi"></TC-tabBar> </template> ``` ### 第二步 将给zhi赋值进行传送给组件 备注：zhi按照底部按钮对应的页面中填写该按钮的索引（从0开始） ``` <script> export default { data() { return { zhi:1 //填写对应按钮的索引 } }, onLoad() { }, methods: { } } </script> ``` ### 第三步 在uni_modules/TC-tabBar/components/TC-tabBar/TC-tabBar中自行修改自己对应的页面路径 <img src="https://mp-5833fa1d-07f4-49f6-b120-c94019485776.cdn.bspapp.com/截图/1.png"></img> ## 部分代码 <img src="https://mp-5833fa1d-07f4-49f6-b120-c94019485776.cdn.bspapp.com/截图/tabbar1.png"></img> <img src="https://mp-5833fa1d-07f4-49f6-b120-c94019485776.cdn.bspapp.com/截图/tabbar2.png"></img> ## V：ANKR6699 <img src="https://mp-5833fa1d-07f4-49f6-b120-c94019485776.cdn.bspapp.com/techuang.jpg"></img>