小程序基本配置

博客地址 ：https://www.cnblogs.com/sandraryan/

小程序的基本配置

在App中存放小程序的根逻辑/钩子函数等。

常用钩子函数：

onLaunch() 打开小程序自动触发

onShow()   onHide()  onError()  见名知意，这三个钩子函数分别是小程序显示/隐藏/错误监听函数。

在app里声明的函数和全局数据，可以被整个小程序的代码使用

app.js文件

// 小程序( •̀ ω •́ )y
// 小程序的app.js文件中必须要调用app函数，在函数的参数中，编写小程序的根逻辑，小程序的钩子函数
App({
  // 这是小程序的生命周期钩子函数耶
  // 监听小程序的初始化
  onLaunch(){},
  // 打开小程序自动触发（可以是小程序的任意页面）
  onShow(){
    this.userLogin();
  },
  // 将小程序隐藏到后台
  onHide(){},
  // 错误监听函数
  onError(){},
  // 页面不存在的监听函数
  onPageNotFound(){},
  // 一个普通的小函数
  userLogin(){
    console.log('user in logn in');
  },
  //小程序中全局数据的声明，其中数据可以被任意页面直接访问使用
  globalData:{
    user:{
      name : 'sandra',
      age : '20'
    }
  }
});

app.json

注意： json文件不可以有注释

在小程序的json文件中写小程序的基本配置

pages 里可以注册页面，页面只有在pages里注册之后才能显示

window 里是一些全局的样式（可设置的样式，样式的可选值请查阅微信官方文档）

tabBar 是底部切换栏的样式，同时也规定有几个可供切换的tabbar，每个tabbar被放在list中，要在list里配置跳转页面的路径，文本以及icon

（icon来自阿里巴巴矢量图标库）

{
"pages": [
    "pages/index/index",
    "pages/mine/mine",
    "pages/car/car",
    "pages/detail/detail",
    "pages/list/list"
  ],
  "window": {
    "navigationBarBackgroundColor" : "#239223",
    "navigationBarTextStyle" : "white",
    "navigationBarTitleText" : "妈的,智障!",
    "navgationStyle": "default",
    "backgroundColor" :"#070769",
    "enablePullDownRefresh" : true
  },
  "tabBar":{
    "color": "#220A29",
    "selectedColor": "#0080FF",
    "backgroundColor": "#81DAF5",
    "list":[{
      "pagePath" :"pages/index/index",
      "text": "main page",
      "iconPath" : "imgs/1.png",
      "selectedIconPath":"imgs/2.png"
    },{
      "pagePath":"pages/mine/mine",
      "text" :"mine",
      "iconPath":"imgs/3.png",
      "selectedIconPath" :"imgs/4.png"
    }]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}