微信小程序中底部导航条栏目

最新推荐文章于 2024-08-07 22:38:02 发布

xiruiyang

最新推荐文章于 2024-08-07 22:38:02 发布

阅读量452

点赞数

本文链接：https://blog.csdn.net/xiruiyang/article/details/80275229

版权

本文介绍了微信小程序中如何配置底部导航条，主要涉及app.json的tabBar配置，包括color、selectedColor、borderStyle等属性，以及list数组中的selectedIconPath、iconPath、pagePath和text等元素设置。

摘要由CSDN通过智能技术生成

其实小程序中的底部导航条，小程序已经写好了大体的程序，只要我们在utils里面的app.json配置一下就好了

如下是app.json中的代码

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/login/login",
    "pages/teacher/teacher",
    "pages/testpaper/testpaper",
    "pages/paper/paper",
    "pages/home/home",
    "pages/resetpwd/resetpwd"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#11cd6e",
    "borderStyle": "white",
    "list": [
      {
        "selectedIconPath": "public/pingjiao.png",
        "iconPath": "public/pingjiao.png",