学习微信小程序第一天(2020-06)---全局配置文件

app.json文件 小程序全局配置

pages 用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对应位置的 .json.js.wxml.wxss 四个文件进行处理。

数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。

学习微信小程序第一天(2020-06)---全局配置文件_第1张图片

window: 用于设置小程序的状态栏、导航条、标题、窗口背景色。

navigationBarBackgroundColor 导航栏背景颜色

例:#0094ff 蓝色

navigationBarTitleText  导航栏标题文字

例:我的练习

navigationBarTextStyle  导航栏字体颜色 只能为黑(black) 白(white)

enablePullDownRefresh 是否开启全局的下拉刷新。  true 或者 false

backgroundTextStyle  下拉 loading 的样式,仅支持 dark / light

backgroundColor  窗口的背景色  图中为red

学习微信小程序第一天(2020-06)---全局配置文件_第2张图片

tabBar

如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

"tabBar":{
    "position":"bottom",
    "color":"#ffffff",
    "backgroundColor":"#0094ff",
    "selectedColor":"#cccccc",
    "list":[{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "icon/home.png",
      "selectedIconPath": "icon/home.png"
    },
    {
      "pagePath": "pages/cart/cart",
      "text": "购物车",
      "iconPath": "icon/cart.png",
      "selectedIconPath": "icon/cart.png"
    },
    {
      "pagePath": "pages/like/like",
      "text": "喜欢",
      "iconPath": "icon/like.png",
      "selectedIconPath": "icon/like.png"
    },
    {
      "pagePath": "pages/setting/setting",
      "text": "设置",
      "iconPath": "icon/setting.png",
      "selectedIconPath": "icon/setting.png"
    }
  ]
  },

学习微信小程序第一天(2020-06)---全局配置文件_第3张图片

你可能感兴趣的:(笔记)