当前位置:   article > 正文

uni-app项目设置底部tabbar_uniapp tab 悬空效果

uniapp tab 悬空效果


找到pages.json进行配置

添加tabBar字段,然后设置list
list对应的就是tab菜单选项
然后就是要设置tabbar的菜单图片,这个随你,我是直接放一个logo文件的
list最少两个,最多五个
"tabBar": {
        "color": "#C0C4CC", //未选中的菜单文字颜色
        "selectedColor": "#fa436a", //选中时的菜单文字颜色
        "borderStyle": "black",
        "backgroundColor": "#ffffff", //背景
        "list": [{
                "pagePath": "pages/index/index", //页面地址
                "iconPath": "static/logo.png", //未选中时的图片
                "selectedIconPath": "static/logo.png", //选中时的图片
                "text": "首页" //菜单文字
            },
            {
                "pagePath": "pages/home/index",
                "iconPath": "static/logo.png",
  

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/113106
推荐阅读
相关标签
  

闽ICP备14008679号