小編給大家分享一下微信小程序中json如何配置,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
創(chuàng)新互聯(lián)建站是一家專業(yè)提供愛民企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、html5、小程序制作等業(yè)務(wù)。10年已為愛民眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。
json配置可以分為:
1、app.json
2、page.json
一、app.json
app.json文件用來(lái)對(duì)微信小程序進(jìn)行全局配置
{
**"pages"**: [
"pages/index/index",
"pages/logs/index"
],
//調(diào)試快捷鍵:將鼠標(biāo)點(diǎn)擊到需要調(diào)試的頁(yè)面,按住Alt同時(shí)按上鍵,這時(shí),需要調(diào)試的頁(yè)面就會(huì)一行一行的向上移動(dòng),直到首頁(yè)
**"window"**: {
"navigationBarBackgroundColor":"#000000",//導(dǎo)航欄背景顏色
"navigationBarTextStyle":"black",//導(dǎo)航欄標(biāo)題顏色,僅支持white和black
"navigationBarTitleText": "XXX",//導(dǎo)航欄標(biāo)題文字內(nèi)容
"backgroundColor":"#ffffff",//窗口的背景色
"backgroundTextStyle":"dark",//下拉 loading 的樣式,僅支持 dark / light
"enablePullDownRefresh":true,//是否全局開啟下拉刷新,true或false
"onReachBottomDistance":"50px";//頁(yè)面上拉觸底事件觸發(fā)時(shí)距頁(yè)面底部距離,單位為px。
},
**"tabBar"**: {
"color":"",//文字默認(rèn)顏色
"selectedColor":"",//文字選中時(shí)的顏色
"backgroundColor":"",tab的背景色
"borderStyle":"",//tabbar上邊框的顏色, 僅支持 black / white
"position":"",//tabBar的位置,僅支持 bottom / top
"list": [
//最少2個(gè)、最多5個(gè) tab
{
"pagePath": "pages/index/index",
"text": "首頁(yè)",
"iconPath":"XXXX",
"selectedIconPath":"XXX"
}, {
"pagePath": "pages/logs/logs",
"text": "日志"
"iconPath":"XXXX",
"selectedIconPath":"XXX"
}]
},
//其中 list 接受一個(gè)數(shù)組,只能配置最少2個(gè)、最多5個(gè) tab。tab 按數(shù)組的順序排序,每個(gè)項(xiàng)都是一個(gè)對(duì)象
**"networkTimeout"**: {
"request": 60000,//單位毫秒,默認(rèn)60000
"uploadFile":60000,//單位毫秒,默認(rèn)60000
"downloadFile": 60000//單位毫秒,默認(rèn)60000
}
}
二、page.json
{
"navigationBarBackgroundColor": "#ffffff",//導(dǎo)航欄背景顏色
"navigationBarTextStyle": "black",//導(dǎo)航欄標(biāo)題顏色,僅支持 black / white
"navigationBarTitleText": "微信接口功能演示",//導(dǎo)航欄標(biāo)題文字內(nèi)容
"backgroundColor": "#eeeeee",//窗口的背景色
"backgroundTextStyle": "light",//下拉 loading 的樣式,僅支持 dark / light
"enablePullDownRefresh":true,//是否全局開啟下拉刷新
"onReachBottomDistance":"50px",//頁(yè)面上拉觸底事件觸發(fā)時(shí)距頁(yè)面底部距離,單位為px。
"disableScroll":false//設(shè)置為 true 則頁(yè)面整體不能上下滾動(dòng);只在頁(yè)面配置中有效,無(wú)法在 app.json 中設(shè)置該項(xiàng)
}
看完了這篇文章,相信你對(duì)“微信小程序中json如何配置”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)頁(yè)題目:微信小程序中json如何配置
本文來(lái)源:http://aaarwkj.com/article30/goddpo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、網(wǎng)站營(yíng)銷、全網(wǎng)營(yíng)銷推廣、域名注冊(cè)、定制網(wǎng)站、App開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)