关于微信小程序的配置文件

全局配置项

1.pages配置项

pages的配置项接受一个数组，用来指定哪些页面组成，数组的每一项都是字符串，代表页面的“路径+文件名”。pages配置项是必填项。

2.window配置项

在app.js中设置如下 

​
 "window": {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "title",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light",
    "enablePullDownRefresh": true
  }

​

 

3.tabBar配置项

（1）tabBar配置项及其描述

在app.json文件中设置如下taBar配置： 

 "tabBar": {
    "color": "#666666",
    "selectedColor": "#ff0000",
    "backgroundColor": "#ffffff",
    "borderStyle":"black",
    "list": [
      {
        "pagePath": "pages/new1/new1",
        "iconPath": "images/sy.jpg",
        "selectedIconPath": "images/sy.jpg",
        "text": "首页"
      },
      {
        "pagePath": "pages/wenjian/wenjian",
        "iconPath": "images/wx.jpg",
        "selectedIconPath": "images/wx.jpg",
        "text": "新闻"
      }
    ]
  },

 

 

（2）taBar中list选项

 4.networkTmeout配置项

5.debug配置项

 debug配置项的用于开启开发者的调试工具，默认为false。它的值为true或false。开启后，页面的注册，路由，数据更新，事件触发等调试信息将以info的形式输出到Console面板上。

 逻辑层文件

 项目逻辑文件APP.js中可以通过App()函数注册小程序生命周期函数,全局属性和全局方法，已注册的小程序实例可以在其他逻辑文件中通过getApp()获取

（1）配置文件如下

（2）页面逻辑文件配置项如下

 实例方法代码如下

// app.js
App(
  {
  onLaunch() {
    console.log("小程序初始化完成")
    // 展示本地存储能力
    const logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      }
    })
  },
  globalData: {
    userInfo: null
  },
  onShow:function(options){
console.log("小程序显示")
console.log(this.Date);
console.log(this.fun())
  },
  onHide:function(){
console.log("小程序径路后台")
  },
  onError:function(msg){

  },

fun:function(){
  console.log("在app.js中定义的方法")

},
  }
)

（1）设置初始数据

（2）定义当前页面的生命周期函数，主要函数有：onload  onShow  onReady   onHide     onUnload

函数示例如下图：

<text>迎接我的新项目</text>
<view>
姓名：{{name}}
</view>
<view>年龄：{{age}}
</view>
<view>{{brithday[0].year}} 年
{{brithday[1].month}}月
{{brithday[2].date}}日
</view>
<view>
爱好：{{object.hobby}}
</view>

结果如下：

（3）定义事件处理函数

（4）使用setData更新数据