小程序学习--app.json文件的介绍

app>json是小程序一个项目很重要的文件,全局的配置都在里面,是不可或缺的,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等.

现在看下我的代码基本上开发小程序会用的模块配置都在里面,读者只需要复制之后,进行自己想要的修改:

需要注意的是这个文件中是不能写入任何的注释的 (这里为了方便说明在代码上写上注释)

{
  "pages": [//下面都是前端的页面
    "pages/classic/classic",
    "pages/logs/logs",
    "pages/my/my",
    "pages/book/book",
    "pages/book-detail/book-detail",
    "pages/about/about",
    "pages/course/course"
  ],//这是关于小程序窗口的配置
  "window": {
    "backgroundTextStyle": "light",//背景文本分割
    "navigationBarBackgroundColor": "#ffffff",//导航栏背景颜色
    "navigationBarTitleText": "zhangzeshan",//导航栏标题内容
    "navigationBarTextStyle": "black",//导航栏文本风格
    "navigationStyle": "default",//导航栏风格 两种
    "enablePullDownRefresh": true
  },
  "tabBar": {//窗口下面的选项卡配置
    "selectedColor": "#000",//选中状态时的颜色
    "backgroundColor": "#fff",//选项卡的背景色
    "color": "#c7c7c7",//字体颜色
    "list": [//这边表示有三个选项卡  对应的分别是 点击选项卡跳转的页面路径 选项卡的名字 未选中时的选中卡图标   选中时的选中卡图标
      {
        "pagePath": "pages/classic/classic",
        "text": "流行",
        "iconPath": "images/tab/classic.png",
        "selectedIconPath": "images/tab/[email protected]"
      },
      {
        "pagePath": "pages/book/book",
        "text": "书单",
        "iconPath": "images/tab/book.png",
        "selectedIconPath": "images/tab/[email protected]"
      },
      {
        "pagePath": "pages/my/my",
        "text": "喜欢",
        "iconPath": "images/tab/my.png",
        "selectedIconPath": "images/tab/[email protected]"
      }
    ]
  }
}

读者复制的时候,记得把相关注释去掉!

小程序学习--app.json文件的介绍

相关推荐