更新记录

1.0.2（2022-03-19） 下载此版本

1.修复初始化选中项 2.修复初始化颜色

1.0.1（2022-03-19） 下载此版本

更新文档 fix bug

1.0（2022-03-18） 下载此版本

1.0发布

平台兼容性

uni-app

其他

效果

示例

    uniapp 引用 import CTabbar from "../../components/Chad-CTabbar/Chad-CTabbar.vue"

    vue npm安装引用 import CTabbar from 'chad-tabbar'
    components: {
            CTabbar
    }
    <CTabbar 
        :tabbarList="tabbarList" 
        :MainColor="'#d4237a'"
        :ViceColor="'#7f8c8d'"
        @currentClick="currentClick" />

-  tabbarList: [{
                    ImgUrl: '/static/c-tabbar/img/home.png',
                    AcImgUrl:"/static/c-tabbar/img/home-c.png",
                    text: '首页',
                    router: '/agency',
                },
                {
                    ImgUrl: '/static/c-tabbar/img/cart.png',
                    AcImgUrl:"/static/c-tabbar/img/cart-c.png",
                    text: '购物车',
                    router: '/census',
                },
                {
                    ImgUrl: '/static/c-tabbar/img/hot.png',
                    AcImgUrl:"/static/c-tabbar/img/hot-c.png",
                    text: '热门',
                    router: '/workbench',
                },
                {
                    ImgUrl: '/static/c-tabbar/img/file.png',
                    AcImgUrl:"/static/c-tabbar/img/file-c.png",
                    text: '文件',
                    router: '/addressbook',
                },
                {
                    ImgUrl: '/static/c-tabbar/img/my.png',
                    AcImgUrl:"/static/c-tabbar/img/my-c.png",
                    text: '我的',
                    router: '/my',
                },
            ]

tip

vue 引用 需要 安装 node-sass 和 sass-loader

  npm i -D node-sass sass-loader

todo

此版本仅支持5项tabbar