微信小程序底部功能栏的实现代码

Fenchow

于 2017-03-26 14:22:53 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_27187991/article/details/66475334

本文介绍如何在小程序中配置底部Tab栏，包括设置颜色、各Tab项的文字、图标及对应的页面路径等内容。通过示例展示了如何使用JSON文件来定义Tab栏的各项属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在app.json中

 "tabBar": {
     "color":"black",
      "list":[{
        "pagePath": "pages/index/index",
        "text":"答疑",
        "iconPath":"image/usbox.png",
        "selectedIconPath": "image/usbox-actived.png"},
        { 
        "pagePath": "pages/search/search",
        "text": "找专家",
        "iconPath":"image/search.png",
        "selectedIconPath": "image/search-actived.png"
        },
         { 
        "pagePath": "pages/home/home",
        "text": "我的",
        "iconPath":"image/profile.png",
        "selectedIconPath": "image/profile-actived.png"
        }]
    }