微信小程序详解(2 小程序全局配置详解)

全局配置

5.可以看到,当我们在pages字段中添加一个新路径后,pages下生成了一个demo-01的文件,并且直接生成了四个文件,并且可以看到我们把demo-01的页面放到pages字段下的第一条时,左侧的模拟机已经变为demo-01的页面了 (注意:我们写的路径只要不是最后一个,下面还有别的路径时,我们一定要加,) 6如果有疑惑的话,我们可以看一下,当路径的顺序变化的时候,左侧的模拟机显示的页面会不会也变化

11.然后就该我们的全局配置中的最后一个tabber配置了 简单来讲: 如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。 当我们了解了tabber的一些属性后,就可以对窗口底部的tab进行位置修改了,他还可以对图片等进行修改

"window":{
          
   
    "backgroundTextStyle":"dark",
    "navigationBarBackgroundColor": "#0094ff",
    "navigationBarTitleText": "我的小程序",
    "navigationBarTextStyle":"black",
    "enablePullDownRefresh":true,
    "backgroundColorTop":"#0055ff"
  },
  "tabBar": {
          
   
    "list": [
      {
          
   
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "icon/_shouye.png",
      "selectedIconPath": "icon/shouye.png"
    },
    {
          
   
      "pagePath": "pages/tupian/tupian",
      "text": "图片",
      "iconPath": "icon/_tupian.png",
      "selectedIconPath": "icon/tupian.png"
    },
    {
          
   
      "pagePath": "pages/wode/wode",
      "text": "我的",
      "iconPath": "icon/_wode.png",
      "selectedIconPath": "icon/wode.png"
    },
    {
          
   
      "pagePath": "pages/sosuo/sosuo",
      "text": "搜索",
      "iconPath": "icon/_sosuo.png",
      "selectedIconPath": "icon/sosuo.png"
    }
  ],
  "color":"#0094ff",
  "selectedColor":"#ff9400",
  "backgroundColor":"#ffffff",
  "borderStyle":"black",
  "position":"bottom"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

总结

注意点总结

我们在配置pages字段时,第一个为显示的页面路径 我们写的路径只要不是最后一个,下面还有别的路径时,我们一定要加, vsCode中编辑app.json文件并不能在pages文件下新增文件.

好了,我们的全局配置就到这里了