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

76 阅读1分钟

5afc0510-5a01-11ee-9087-1114cb4cfd52_0.gif

image.png

使用教程

第一步

引入组件

复制代码<template>
    <TC-tabBar :zhi="zhi"></TC-tabBar>
</template>

第二步

将给zhi赋值进行传送给组件

备注:zhi按照底部按钮对应的页面中填写该按钮的索引(从0开始)

<script>

    export default {

        data() {
            return {
            zhi:1    //填写对应按钮的索引
            }
        },
        () {

        },
        methods: {

        }
    }
</script>

第三步

在uni_modules/TC-tabBar/components/TC-tabBar/TC-tabBar中自行修改自己对应的页面路径

image.png

部分代码

image.png

image.png

下载链接(点击)

联系作者 V:ANKR6699

image.png

image.png