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

 

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

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

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

3,選擇平臺不同,模板選擇也不同,學習就簡單開始,瀏覽器

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

4,開始,默認有個頁面的了,咱們新建兩個頁面編輯器

pages/index/index.vue學習

pages/xingxi/xingxiui

pages/my/my3d

須要切換?但沒有導航欄,我想創建導航切換欄目,blog

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

運行——運行到瀏覽器——chrome效果,能夠運行到其它方式

 

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

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

相關文章
相關標籤/搜索