美文网首页
微信小程序的全局配置app.json

微信小程序的全局配置app.json

作者: 椰果粒 | 来源:发表于2019-10-10 21:04 被阅读0次

    官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

    最重要的三个配置

    • pages
    • window
    • tabbar

    app.json

    {
      "pages": [  // 必填
        "pages/home/home",
        "pages/about/about",
        "pages/category/category"
      ],
      "window": { // 不是必填
        "navigationBarBackgroundColor": "#FFD700",  // 上边背景颜色
        "navigationBarTextStyle": "black",  // 上边的色调是黑色还是白色
        "navigationBarTitleText": "旧书网",    // 这里是针对所有的页面,都叫这个名字。还可以在每个页面中单独设置
        "backgroundColor": "#ff0000", // ios中下拉的时候有个弹簧效果,漏到外边的颜色就是这个的background的样色
        "backgroundTextStyle": "light", // 下拉刷新的样式,dark和light
        "enablePullDownRefresh": false  // 下拉刷新,一般不会在全局里配置,都是在页面里单独配置。
      },
      "tabBar": {
        "selectedColor": "#FFD700",
        "list": [  // 这里边最少写两个
          {
            "pagePath": "pages/home/home",  // 页面路径
            "text": "首页",  // 叫啥名
            "iconPath": "assets/tabbar/home.png",  // 图标是啥
            "selectedIconPath": "assets/tabbar/home-active.png"  // 当这个tab被选中的时候,图标变成啥样
          },
          {
            "pagePath": "pages/category/category",
            "text": "分类",
            "iconPath": "assets/tabbar/category.png",
            "selectedIconPath": "assets/tabbar/category-active.png"
          }
        ]
      }
    }
    

    注意:json文件中不可以写注释,这里只是为了方便解释

    用小程序写tab-bar很方便,直接app.json中配置即可。
    tab-bar和导航也可以自定义,但是一般不推荐。

    相关文章

      网友评论

          本文标题:微信小程序的全局配置app.json

          本文链接:https://www.haomeiwen.com/subject/litzpctx.html