微信小程序開(kāi)發(fā)系列目錄

• 《微信小程序開(kāi)發(fā)系列-01創(chuàng)建一個(gè)最小的小程序項(xiàng)目》
• 《微信小程序開(kāi)發(fā)系列-02注冊(cè)小程序》
• 《微信小程序開(kāi)發(fā)系列-03全局配置中的“window”和“tabBar”》
• 《微信小程序開(kāi)發(fā)系列-04獲取用戶圖像和昵稱》
• 《微信小程序開(kāi)發(fā)系列-05登錄小程序》
• 《微信小程序開(kāi)發(fā)系列-06事件》
• 《微信小程序開(kāi)發(fā)系列-07組件》

前言

本文繼續(xù)學(xué)習(xí)下全局配置中的“window”和“tabBar”。

window

用于設(shè)置小程序的導(dǎo)航欄、標(biāo)題、窗口顏色等。（吐槽一句，官網(wǎng)這里的屬性描述真的讓人看不懂，只有靠自己實(shí)際運(yùn)行調(diào)試才能知道是什么意思。）

導(dǎo)航欄

設(shè)置導(dǎo)航欄背景色為綠色，導(dǎo)航欄文字顏色為黑色，導(dǎo)航欄文字為“漁道主頁(yè)”。

窗口背景色

backgroundColor顏色是指當(dāng)上拉或下拉時(shí)窗口的背景顏色，在真機(jī)上才能看到效果。

僅設(shè)置“backgroundColor”為紅色，

效果如下圖所示

backgroundColor顏色是指當(dāng)上拉或下拉時(shí)窗口的背景顏色，在真機(jī)上才能看到效果。

當(dāng)“backgroundColor” 和 backgroundColorTop、backgroundColorBottom都設(shè)置時(shí)，似乎backgroundColor會(huì)被覆蓋。

tabBar

tabBar即小程序窗口的底部或頂部有 tab 欄可以切換頁(yè)面。

tabBar的必選屬性是“color”、“selectedColor”、“backgroundColor”、“l(fā)ist”。

我這里創(chuàng)建了2個(gè)tabBar頁(yè)面：

總結(jié)

本文涉及的window和tabbar配置的內(nèi)容比較簡(jiǎn)單，基本上按照官方文檔就能掌握。