筆記1:uni-app簡單創建配置路徑樣式tabbar頁面跳轉


 

1,下載安裝編輯器:https://www.dcloud.io/

2,打開HBuilder,文件-新建-項目

選擇平台uni-app,填寫項目名稱,保存路徑,選擇模板,創建

3,選擇平台不一樣,模板選擇也不一樣,學習就簡單開始,

所以我就選擇默認模板,文件少簡單多,看起來不會凌亂頭都炸了

4,開始,默認有個頁面的了,我們新建兩個頁面

pages/index/index.vue

pages/xingxi/xingxi

pages/my/my

需要切換?但沒有導航欄,我想建立導航切換欄目,

先建立個菜單欄tabBar:{ },點擊pages.json,修改參數路徑,詳細參數官網

運行——運行到瀏覽器——chrome效果,可以運行到其它方式

 

5,然后再來頁面的點擊跳轉pages:[ ],也是在pages.json,修改路徑樣式

6,在創建的3個目錄文件下pages/,修改頁面,標題樣式

 


免責聲明!

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



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