全局配置文件及常用的配置項(xiàng)
小程序根目錄下的 app.json 文件是小程序的全局配置文件。常用的配置項(xiàng)如下：
① pages
記錄當(dāng)前小程序所有頁(yè)面的存放路徑
② window
全局設(shè)置小程序窗口的外觀
③ tabBar
設(shè)置小程序底部的 tabBar 效果
④ style
是否啟用新版的組件樣式
全局配置 - window
-
小程序窗口的組成部分
-
了解 window 節(jié)點(diǎn)常用的配置項(xiàng)
-
設(shè)置導(dǎo)航欄的標(biāo)題?
?設(shè)置步驟：app.json -> window -> navigationBarTitleText 需求：把導(dǎo)航欄上的標(biāo)題，從默認(rèn)的 “WeChat”修改為“黑馬程序員”，效果如圖所示：
-
設(shè)置導(dǎo)航欄的背景色?
設(shè)置步驟：app.json -> window -> navigationBarBackgroundColor 需求：把導(dǎo)航欄標(biāo)題的背景色，從默認(rèn)的 #fff 修改為 #2b4b6b ，效果如圖所示：?
-
設(shè)置導(dǎo)航欄的標(biāo)題顏色?
設(shè)置步驟：app.json -> window -> navigationBarTextStyle 需求：把導(dǎo)航欄上的標(biāo)題顏色，從默認(rèn)的 black 修改為 white ，效果如圖所示：?
注意： navigationBarTextStyle 的可選值只有 black 和 white?
-
?全局開啟下拉刷新功能
概念：下拉刷新是移動(dòng)端的專有名詞，指的是通過手指在屏幕上的下拉滑動(dòng)操作，從而重新加載頁(yè)面數(shù)據(jù)的行為。 設(shè)置步驟：app.json -> window -> 把 enablePullDownRefresh 的值設(shè)置為 true 注意：在 app.json 中啟用下拉刷新功能，會(huì)作用于每個(gè)小程序頁(yè)面！
-
設(shè)置下拉刷新時(shí)窗口的背景色
當(dāng)全局開啟下拉刷新功能之后，默認(rèn)的窗口背景為白色。如果自定義下拉刷新窗口背景色，設(shè)置步驟為: app.json -> window -> 為 backgroundColor 指定16進(jìn)制的顏色值 #efefef。效果如下：
注意：真機(jī)測(cè)試時(shí)，下拉窗口不會(huì)自動(dòng)關(guān)閉，需要結(jié)合wx.stopPullDownRefresh()關(guān)閉刷新
-
設(shè)置下拉刷新時(shí) loading 的樣式?
當(dāng)全局開啟下拉刷新功能之后，默認(rèn)窗口的 loading 樣式為白色，如果要更改 loading 樣式的效果，設(shè)置步驟為 app.json -> window -> 為 backgroundTextStyle 指定 dark 值。效果如下：
注意： backgroundTextStyle 的可選值只有 light 和 dark?
-
?設(shè)置上拉觸底的距離
概念：上拉觸底是移動(dòng)端的專有名詞，通過手指在屏幕上的上拉滑動(dòng)操作，從而加載更多數(shù)據(jù)的行為。 設(shè)置步驟： app.json -> window -> 為 onReachBottomDistance 設(shè)置新的數(shù)值 注意：默認(rèn)距離為50px，如果沒有特殊需求，建議使用默認(rèn)值即可。
全局配置 - tabBar
-
什么是 tabBar?
tabBar 是移動(dòng)端應(yīng)用常見的頁(yè)面效果，用于實(shí)現(xiàn)多頁(yè)面的快速切換。小程序中通常將其分為： 底部 tabBar 頂部 tabBar 注意： tabBar中只能配置最少 2 個(gè)、最多 5 個(gè) tab 頁(yè)簽 當(dāng)渲染頂部 tabBar 時(shí)，不顯示 icon，只顯示文本
?
-
tabBar 的 6 個(gè)組成部分?
- ?backgroundColor：tabBar 的背景色 ?
- selectedIconPath：選中時(shí)的圖片路徑 ?
- borderStyle：tabBar 上邊框的顏色 ?
- iconPath：未選中時(shí)的圖片路徑 ?
- selectedColor：tab 上的文字選中時(shí)的顏色 ?
- color：tab 上文字的默認(rèn)（未選中）顏色?
-
tabBar 節(jié)點(diǎn)的配置項(xiàng)?
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-854443.html
-
每個(gè) tab 項(xiàng)的配置選項(xiàng)?
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-854443.html
到了這里，關(guān)于微信小程序全局配置的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
