2. 全局配置和頁面配置
2.1 通過globalStyle 進行全局配置
https://uniapp.dcloud.io/collocation/pages?id=globalstyle
用于設置應用的狀態(tài)欄继低,導航條体谒,標題全跨,窗口背景色等
2.2 創(chuàng)建新頁面
右鍵pages 新建.vue 文件怕篷,并通過pages 來配置頁面
2.3 配置tabbar
https://uniapp.dcloud.io/collocation/pages?id=tabbar
如果應用是一個多 tab 應用,可以通過 tabBar 配置項指定一級導航欄,以及 tab 切換時顯示的對應頁。
Tips
當設置 position 為 top 時,將不會顯示 icon
tabBar 中的 list 是一個數組首尼,只能配置最少2個、最多5個 tab言秸,tab 按數組的順序排序软能。
tabbar 切換第一次加載時可能渲染不及時,可以在每個tabbar頁面的onLoad生命周期里先彈出一個等待雪花(hello uni-app使用了此方式)
tabbar 的頁面展現過一次后就保留在內存中举畸,再次切換 tabbar 頁面查排,只會觸發(fā)每個頁面的onShow,不會再觸發(fā)onLoad抄沮。
頂部的 tabbar 目前僅微信小程序上支持跋核。需要用到頂部選項卡的話,建議不使用 tabbar 的頂部設置叛买,而是自己做頂部選項卡砂代,可參考 hello uni-app->模板->頂部選項卡。
2.4 condition 啟動模式配置
https://uniapp.dcloud.io/collocation/pages?id=condition
啟動模式配置率挣,僅開發(fā)期間生效刻伊,用于模擬直達頁面的場景,如:小程序轉發(fā)后椒功,用戶點擊所打開的頁面捶箱。