微信小程序底部导航栏代码

以下是一个简单的微信小程序底部导航栏的代码示例：

1. 在app.json文件中定义tabBar属性

{
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "assets/tabbar/home.png",
      "selectedIconPath": "assets/tabbar/home-active.png"
    }, {
      "pagePath": "pages/category/category",
      "text": "分类",
      "iconPath": "assets/tabbar/category.png",
      "selectedIconPath": "assets/tabbar/category-active.png"
    }, {
      "pagePath": "pages/cart/cart",
      "text": "购物车",
      "iconPath": "assets/tabbar/cart.png",
      "selectedIconPath": "assets/tabbar/cart-active.png"
    }, {
      "pagePath": "pages/user/user",
      "text": "个人中心",
      "iconPath": "assets/tabbar/user.png",
      "selectedIconPath": "assets/tabbar/user-active.png"
    }]
  }
}

2. 在各个页面的JSON文件中设置navigationBarTitleText属性

{
  "navigationBarTitleText": "首页"
}

这样，在每个页面的顶部就会显示对应的标题，同时底部导航栏也会自动根据页面跳转切换选项卡。需要注意的是，iconPath和selectedIconPath分别为未选中和选中时的图标路径，可以根据实际需求自行修改。