由於公司要求開發百度小程序,所以我們采用uni-app開發的方式,一套代碼多個小程序都可以用,在開發小程序的時候我們也經常會使用到tabbar。當然自己寫出來也是不錯的。這個就來介紹uni-app中的組件tabbar的使用方法。
一:在項目目錄下創建好頁面導航所需要的頁面
二:在uni-app查找到tabbar方法
2.1我們可以點擊uni-app官網,中的框架
2.2然后Ctrl+F鍵進行搜索tabBar
2.3然后點擊tabBar,就會自動跳轉到tabBar的地方
三:復制uni-app的tabBar的源碼
3.1:復制
然后我們來解析一下這些啥意思
pagePath:我理解的是跳轉的地址
iconPath:這是為點擊時候的圖標
selectedIconPath:這是點擊后的圖標
text:這是你下面導航的文字,也就是你圖標下面帶有的文字
list:大家看這個是一個數據包着的對象,就肯定知道里面可以放不少的數據,但是官網現在最少2個最多也就是5個
四:將復制的代碼,放進自己項目文件夾的pages.json里面
放入以后一定修改好自己所需要的的參數。然后在進行保存,運行