//app.json頁麵

{

//頁麵注冊(ce) ，有幾個(ge) 頁麵都要在pages裏麵注冊(ce)

"pages":[

"pages/index/index",

"pages/logs/logs",

"pages/main/main",

"pages/main1/main1",

"pages/main2/main2",

"pages/main3/main3",

],

//上導航配置及app背景顏色設置

"window":{

//是否開啟下拉刷新

"enablePullDownRefresh":true,

//窗口背景顏色，在上拉刷新，下拉刷新，navigate切換頁麵時可以看見

"backgroundColor":"#eee",

//下拉背景字體(ti) 、loading 圖的樣式，僅(jin) 支持 dark/light,（string形式）

"backgroundTextStyle":"light",

//上導航條背景顏色

"navigationBarBackgroundColor": "orange",

//上導航標題文字

"navigationBarTitleText": "上導航標題文字",

"navigationBarTextStyle":"white" //上導航標題字體(ti) 顏色，僅(jin) 支持white和black 

},

//底部導航配置

"tabBar": {

"color": "#a9b7b7",//導航字體(ti) 默認顏色

"selectedColor": "#eb4f38",//導航字體(ti) 選中時顏色

"borderStyle": "black", //上border顏色，僅(jin) 支持 black/white（string形式）

"backgroundColor": "rgba(0,0,0,0.4)",//底部導航背景色

"list": [ //導航列表2-5個(ge)

{

"pagePath": "pages/index1/index1", //每個(ge) 導航的網頁對應的路徑

"text": "首頁", //標題

"iconPath": "images/wechat.png", //默認小圖標路徑

"selectedIconPath": "images/wechatHL.png" //選中時的小圖標路徑

},

{

"pagePath": "pages/index2/index2",

"text": "日記",

"iconPath": "images/pause.png",

"selectedIconPath": "images/play.png"

},

{

"pagePath": "pages/index3/index3",

"text": "指南",

"iconPath": "images/pause.png",

"selectedIconPath": "images/play.png"

},

]

},

//網絡請求超時時間

"networkTimeout": {

"request": 10000,

"downloadFile": 9000,

"uploadFile":8000,

"connectSocket":7000

},

//是否開啟debug模式

"debug": true

}

//說明：根據官方文檔，上述color和bg-color類型為(wei) HexColor即16進製類型，（指定僅(jin) 支持 black/white，string形式的除外），但實測rbg,rgba和red這些類型目前也支持，但是建議大家還是按文檔要求來設置為(wei) 16進製類型即: #ffffff 類型；

//

//使用時僅(jin) 需將文件複製下來，根據需求改動即可；

//

//app.json為(wei) 標準的json文件，所以不能存在有注釋，使用的時候需把注釋去掉；

//app.js頁麵

App({

//當小程序初始化完成時，會(hui) 觸發 onLaunch（全局隻觸發一次）

onLaunch: function () {

//onLaunch時調用API從(cong) 本地緩存中獲取數據

var logs = wx.getStorageSync('logs') || []

logs.unshift(Date.now())

wx.setStorageSync('logs', logs)

},

//獲取用戶登錄信息

getUserInfo:function(cb){

var that = this

if(this.globalData.userInfo){

typeof cb == "function" && cb(this.globalData.userInfo)

}else{

//調用登錄接口

wx.login({

success: function () {

wx.getUserInfo({

success: function (res) {

that.globalData.userInfo = res.userInfo

typeof cb == "function" && cb(that.globalData.userInfo)

}

})

}

})

}

},

//獲取後台數據

onshow:function(){

wx.request({

url: 'test.php',

data: {

x: 'xxx',

y: 'yyy'

},

header: {

'Content-Type': 'application/json'

},

success: function(res) {

console.log(res.data)

}

})

},

//設置全局數據

//本頁麵通過this.globalData即可取得數據 

globalData:{

userInfo:null

}

//其他頁麵可以通過getApp()獲取到小程序實例 

//其他頁麵可以通過getApp().globalData.xxx獲取到全局數據

})

//app.wxss頁麵

.common {

height: 100%;

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

padding: 200rpx 0;

box-sizing: border-box;

}

//僅(jin) 支持:

類:.common

ID:#common

標簽：common

多個(ge) 標簽：common1,common2 

偽(wei) 類::after

偽(wei) 類::before

//不支持層級，如.common > view 或者.common view

//引入新的單位rpx:

rpx（responsive pixel）: 可以根據屏幕寬度進行自適應。規定屏幕寬為(wei) 750rpx。如在 iphoness6 上，屏幕寬度為(wei) 375px，共有750個(ge) 物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

及新的rem:

rem（root em）: 規定屏幕寬度為(wei) 20rem；1rem = (750/20)rpx 。

//寫(xie) 在app.wxss裏麵的樣式將被設置為(wei) 公有的，對於(yu) 其他頁麵都是可用的