uniapp微信小程序 原生底部导航栏

在pages.json文件中写 

 

复制代码
"tabBar": {
        "color": "#333333",
        "selectedColor": "#F7433D",
        "borderStyle": "black",
        "backgroundColor": "#ffffff",
        "list": [{
                "pagePath": "pages/home/index",
                "iconPath": "/static/images/home_check_n.png",
                "selectedIconPath": "/static/images/home_check_s.png",
                "text": "首页"
            }, {
                "pagePath": "pages/order/index",
                "iconPath": "/static/images/order_check_n.png",
                "selectedIconPath": "/static/images/order_check_s.png",
                "text": "订单"
            },
            {
                "pagePath": "pages/mine/index",
                "iconPath": "/static/images/mine_check_n.png",
                "selectedIconPath": "/static/images/mine_check_s.png",
                "text": "我的"
            }
        ]
    }
复制代码

 

 

 

 

 

 

posted @   IT小姐姐  阅读(394)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示