微信小程序
1.app.json參數(shù)說明
{
"pages":["pages/index/index","pages/logs/logs"],//每個頁面的路徑必須寫在這里
"networkTimeout":5000,//設(shè)置網(wǎng)絡(luò)超時時間
"window":{//設(shè)置默認(rèn)頁面的窗口表現(xiàn)
//參數(shù)詳情見下
}涵卵,
"tabBar":{
"selectedColor":"#fff",//tab 上的文字選中時的顏色
"color":"#ccc",//tab 上的文字的顏色
"backgroundColor":"#f00",//tab 的背景色
"borderStyle":"black",//tabbar上邊框的顏色罚舱, 僅支持 black/white
"position":"bottom",//可選值 bottom书妻、top
"list":[//tab 的列表吝羞,最少2個尿背、最多5個 tab
{
"pagePath": "pages/index/index",//頁面路徑,必須在 pages 中先定義
"text": "首頁",//tab 上按鈕文字
"iconPath": "img/ashouye.png",//圖片路徑,icon 大小限制為40kb,建議尺寸為 81px * 81px昼蛀,當(dāng) postion 為 top 時,此參數(shù)無效圆存,不支持網(wǎng)絡(luò)圖片
"selectedIconPath": "img/bshouye.png"http://選中時的圖片路徑叼旋,icon 大小限制為40kb,建議尺寸為 81px * 81px 沦辙,當(dāng) postion 為 top 時夫植,此參數(shù)無效
},
{
"pagePath": "pages/cart/cart",
"text": "購物車",
"iconPath": "img/agwc.png",
"selectedIconPath": "img/bgwc.png"
},
]
}
}
window參數(shù)
image.png
2.app.js https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html
App({
onLaunch: function(options) {
// 展示本地存儲能力
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
// 登錄
wx.login({
success: res => {
// 發(fā)送 res.code 到后臺換取 openId, sessionKey, unionId
}
})
// 獲取用戶信息
wx.getSetting({
success: res => {
if (res.authSetting['scope.userInfo']) {
// 已經(jīng)授權(quán),可以直接調(diào)用 getUserInfo 獲取頭像昵稱油讯,不會彈框
wx.getUserInfo({
success: res => {
// 可以將 res 發(fā)送給后臺解碼出 unionId
this.globalData.userInfo = res.userInfo
// 由于 getUserInfo 是網(wǎng)絡(luò)請求详民,可能會在 Page.onLoad 之后才返回
// 所以此處加入 callback 以防止這種情況
if (this.userInfoReadyCallback) {
this.userInfoReadyCallback(res)
}
}
})
}
}
})
},
onShow: function(options) {
// Do something when show.
},
onHide: function() {
// Do something when hide.
},
onError: function(msg) {
console.log(msg)
},
globalData:{
userInfo: null
}
})