tabBar配置和修改


1.tabBar(底部導航欄)

 

屬性 默認值 描述 平台支持
color   tab上未被選中時文字的顏色  
selectedColor   tab上被選中時文字的顏色  
backgroundColor   tab的背景色  
borderStyle black tabbar上邊框的顏色,僅支持black/white  
list   tab的列表,最少2個,最多5個  
position bottom tabbar位置,僅支持bottom/top top值僅支持微信小程序

 

其中list接收一個數組,數組元素都是對象,屬性值如下:

屬性 說明
pagePath 頁面路徑,必須在pages目錄中先定義
text tab按鈕上顯示的文字
iconPath tab按鈕的圖標,未選中時圖標的路徑,icon大小限制為40kb,建議尺寸為81px*81px,當position為top時,此參數無效,不支持網絡圖片
selectedIconPath 選中時圖標的路徑尺寸同上

2.在App.vue文件的<style>標簽下設置頁面樣式,在各個頁面使用class調用樣式

App.vue文件下設置樣式:

頁面文件index.vue下調用樣式:

首頁輪播圖:

首頁上原生導航欄的禁用:

每個頁面均支持通過配置 titleNView 為false來禁用原生導航欄,在pages.json文件中進行配置


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM