weChat

一、微信小程序

.js 腳本文件
.json 配置文件
.wxss 樣式表文件

二、文件結(jié)構(gòu)

主體組成:

• 必須放在項目根目錄

頁面組成:

• 必須具有相同的路徑與文件名

三、配置

使用app.json文件來對微信小程序進行全局配置，決定頁面文件的路徑、窗口表現(xiàn)、設置網(wǎng)絡超時時間、設置多 tab 等。

app.json

pages

指定頁面組成。

//1.每一項代表對應頁面的【路徑+文件名】信息
//2.數(shù)組的第一項代表小程序的初始頁面
//3.小程序中新增/減少頁面，都需要對 pages 數(shù)組進行修改
//4.文件名不需要寫文件后綴

{
  "pages":[
    "pages/index/index"
    "pages/logs/logs"
  ]
}

window

設置小程序的狀態(tài)欄、導航條、標題、窗口背景色。

{
  "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}

tabBar

指定標簽欄組成,以及切換時顯示的頁面

頁面跳轉(zhuǎn)（wx.navigateTo）

頁面重定向（wx.redirectTo）

//只能配置最少2個、最多5個 tab

"tabBar":{
    "color": "#ffffff",
    "selectedColor": "#ffffff",
    "backgroundColor": "#ffffff",
    "borderStyle": "black",
    "list": [{
        "pagePath": "pages/index/index",
        "text": "首頁",
        "iconPath": "",
        "selectedIconPath": ""
      },{
        "pagePath": "pages/logs/logs",
        "text": "我的",
        "iconPath": "",
        "selectedIconPath": ""
      }],
    "position": "bottom"
 }

list

數(shù)組中的每個項都是一個對象

networkTimeout

設置網(wǎng)絡請求的超時時間

debug

設置開發(fā)者工具中開啟 debug 模式

Page的注冊，頁面路由，數(shù)據(jù)更新，事件觸發(fā)

page.json

設置本頁面的窗口

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}