vue uni-app項目中的tabbar


由於公司要求開發百度小程序,所以我們采用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里面

放入以后一定修改好自己所需要的的參數。然后在進行保存,運行


免責聲明!

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



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