本篇文章給大家?guī)?lái)了關(guān)于微信小程序的相關(guān)知識(shí)，其中主要介紹了關(guān)于全局配置以及頁(yè)面配置的詳細(xì)解析，其中包括了全局配置文件及常用配置項(xiàng)、小程序窗口組成部分、設(shè)置導(dǎo)航欄的標(biāo)題、背景色、標(biāo)題顏色等等內(nèi)容，下面一起來(lái)看一下，希望對(duì)大家有幫助。

程序員必備接口測(cè)試調(diào)試工具：立即使用
Apipost = Postman + Swagger + Mock + Jmeter
Api設(shè)計(jì)、調(diào)試、文檔、自動(dòng)化測(cè)試工具
后端、前端、測(cè)試，同時(shí)在線協(xié)作，內(nèi)容實(shí)時(shí)同步

【相關(guān)學(xué)習(xí)推薦：小程序?qū)W習(xí)教程】

全局配置

全局配置文件及常用配置項(xiàng)

全局配置—window

小程序窗口組成部分

了解window節(jié)點(diǎn)常用的配置項(xiàng)

設(shè)置導(dǎo)航欄的標(biāo)題

設(shè)置步驟：app.json => window => navigationBarTitteText

需求:把導(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

全局開(kāi)啟下拉刷新功能

概念：下拉刷新是移動(dòng)端的專(zhuān)有名詞，指的是通過(guò)手指在屏幕上的下拉滑動(dòng)操作，從而重新加載頁(yè)面數(shù)據(jù)的行為。

設(shè)置步驟：app.json -> window -> 把 enablePullDownRefresh 的值設(shè)置為 true

注意：在 app.json 中啟用下拉刷新功能，會(huì)作用于每個(gè)小程序頁(yè)面！

設(shè)置下拉刷新時(shí)窗口的背景色

當(dāng)全局開(kāi)啟下拉刷新功能之后，默認(rèn)的窗口背景為白色。如果自定義下拉刷新窗口背景色，設(shè)置步驟為: app.json -> window -> 為 backgroundColor 指定16進(jìn)制的顏色值 #efefef。效果如下：

設(shè)置下拉刷新時(shí)loading的樣式

當(dāng)全局開(kāi)啟下拉刷新功能之后，默認(rèn)窗口的 loading 樣式為白色，如果要更改 loading 樣式的效果，設(shè)置步驟為 app.json -> window -> 為 backgroundTextStyle 指定dark值。效果如下：

注意: backgroundTextStyle 的可選值只有 light 和 dark

設(shè)置上拉觸底的距離

概念：上拉觸底是移動(dòng)端的專(zhuān)有名詞，通過(guò)手指在屏幕上的上拉滑動(dòng)操作，從而加載