//app.json頁面
{
//頁面注冊(cè),有幾個(gè)頁面都要在pages里面注冊(cè)
"pages":[
"pages/index/index",
"pages/logs/logs",
"pages/main/main",
"pages/main1/main1",
"pages/main2/main2",
"pages/main3/main3",
],
//上導(dǎo)航配置及app背景顏色設(shè)置
"window":{
//是否開啟下拉刷新
"enablePullDownRefresh":true,
//窗口背景顏色,在上拉刷新,下拉刷新,navigate切換頁面時(shí)可以看見
"backgroundColor":"#eee",
//下拉背景字體、loading 圖的樣式,僅支持 dark/light,(string形式)
"backgroundTextStyle":"light",
//上導(dǎo)航條背景顏色
"navigationBarBackgroundColor": "orange",
//上導(dǎo)航標(biāo)題文字
"navigationBarTitleText": "上導(dǎo)航標(biāo)題文字",
"navigationBarTextStyle":"white" //上導(dǎo)航標(biāo)題字體顏色,僅支持white和black
},
//底部導(dǎo)航配置
"tabBar": {
"color": "#a9b7b7",//導(dǎo)航字體默認(rèn)顏色
"selectedColor": "#eb4f38",//導(dǎo)航字體選中時(shí)顏色
"borderStyle": "black", //上border顏色,僅支持 black/white(string形式)
"backgroundColor": "rgba(0,0,0,0.4)",//底部導(dǎo)航背景色
"list": [ //導(dǎo)航列表2-5個(gè)
{
"pagePath": "pages/index1/index1", //每個(gè)導(dǎo)航的網(wǎng)頁對(duì)應(yīng)的路徑
"text": "首頁", //標(biāo)題
"iconPath": "images/wechat.png", //默認(rèn)小圖標(biāo)路徑
"selectedIconPath": "images/wechatHL.png" //選中時(shí)的小圖標(biāo)路徑
},
{
"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"
},
]
},
//網(wǎng)絡(luò)請(qǐng)求超時(shí)時(shí)間
"networkTimeout": {
"request": 10000,
"downloadFile": 9000,
"uploadFile":8000,
"connectSocket":7000
},
//是否開啟debug模式
"debug": true
}
//說明:根據(jù)官方文檔,上述color和bg-color類型為HexColor即16進(jìn)制類型,(指定僅支持 black/white,string形式的除外),但實(shí)測(cè)rbg,rgba和red這些類型目前也支持,但是建議大家還是按文檔要求來設(shè)置為16進(jìn)制類型即: #ffffff 類型;
//
//使用時(shí)僅需將文件復(fù)制下來,根據(jù)需求改動(dòng)即可;
//
//app.json為標(biāo)準(zhǔn)的json文件,所以不能存在有注釋,使用的時(shí)候需把注釋去掉;
//app.js頁面
App({
//當(dāng)小程序初始化完成時(shí),會(huì)觸發(fā) onLaunch(全局只觸發(fā)一次)
onLaunch: function () {
//onLaunch時(shí)調(diào)用API從本地緩存中獲取數(shù)據(jù)
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{
//調(diào)用登錄接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo
typeof cb == "function" && cb(that.globalData.userInfo)
}
})
}
})
}
},
//獲取后臺(tái)數(shù)據(jù)
onshow:function(){
wx.request({
url: 'test.php',
data: {
x: 'xxx',
y: 'yyy'
},
header: {
'Content-Type': 'application/json'
},
success: function(res) {
console.log(res.data)
}
})
},
//設(shè)置全局?jǐn)?shù)據(jù)
//本頁面通過this.globalData即可取得數(shù)據(jù)
globalData:{
userInfo:null
}
//其他頁面可以通過getApp()獲取到小程序?qū)嵗?nbsp;
//其他頁面可以通過getApp().globalData.xxx獲取到全局?jǐn)?shù)據(jù)
})
//app.wxss頁面
.common {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
//僅支持:
類:.common
ID:#common
標(biāo)簽:common
多個(gè)標(biāo)簽:common1,common2
偽類::after
偽類::before
//不支持層級(jí),如.common > view 或者.common view
//引入新的單位rpx:
rpx(responsive pixel): 可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)。規(guī)定屏幕寬為750rpx。如在 iPhone6 上,屏幕寬度為375px,共有750個(gè)物理像素,則750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
及新的rem:
rem(root em): 規(guī)定屏幕寬度為20rem;1rem = (750/20)rpx 。
//寫在app.wxss里面的樣式將被設(shè)置為公有的,對(duì)于其他頁面都是可用的