uni-app 全局配置和頁面配置

2. 全局配置和頁面配置

2.1 通過globalStyle 進行全局配置

https://uniapp.dcloud.io/collocation/pages?id=globalstyle

用于設置應用的狀態(tài)欄继低,導航條体谒,標題全跨,窗口背景色等

globalStyle?

2.2 創(chuàng)建新頁面

右鍵pages 新建.vue 文件怕篷,并通過pages 來配置頁面

來源uni-app 官網
頁面配置

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->模板->頂部選項卡。

配置tabbar

2.4 condition 啟動模式配置

https://uniapp.dcloud.io/collocation/pages?id=condition

啟動模式配置率挣,僅開發(fā)期間生效刻伊,用于模擬直達頁面的場景,如:小程序轉發(fā)后椒功,用戶點擊所打開的頁面捶箱。

來源uni-app 官網


配置快速啟動模式
?著作權歸作者所有,轉載或內容合作請聯系作者
禁止轉載,如需轉載請通過簡信或評論聯系作者动漾。
  • 序言:七十年代末丁屎,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子旱眯,更是在濱河造成了極大的恐慌晨川,老刑警劉巖证九,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異共虑,居然都是意外死亡愧怜,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門看蚜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赔桌,你說我怎么就攤上這事供炎。” “怎么了疾党?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵音诫,是天一觀的道長。 經常有香客問我雪位,道長竭钝,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任雹洗,我火速辦了婚禮香罐,結果婚禮上,老公的妹妹穿的比我還像新娘时肿。我一直安慰自己庇茫,他們只是感情好,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布螃成。 她就那樣靜靜地躺著旦签,像睡著了一般。 火紅的嫁衣襯著肌膚如雪寸宏。 梳的紋絲不亂的頭發(fā)上宁炫,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天,我揣著相機與錄音氮凝,去河邊找鬼羔巢。 笑死,一個胖子當著我的面吹牛罩阵,可吹牛的內容都是我干的朵纷。 我是一名探鬼主播,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼永脓,長吁一口氣:“原來是場噩夢啊……” “哼袍辞!你這毒婦竟也來了?” 一聲冷哼從身側響起常摧,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤搅吁,失蹤者是張志新(化名)和其女友劉穎威创,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體谎懦,經...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡肚豺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了界拦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吸申。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖享甸,靈堂內的尸體忽然破棺而出截碴,到底是詐尸還是另有隱情,我是刑警寧澤蛉威,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布日丹,位于F島的核電站,受9級特大地震影響蚯嫌,放射性物質發(fā)生泄漏哲虾。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一择示、第九天 我趴在偏房一處隱蔽的房頂上張望束凑。 院中可真熱鬧,春花似錦栅盲、人聲如沸湘今。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽摩瞎。三九已至,卻和暖如春孝常,著一層夾襖步出監(jiān)牢的瞬間旗们,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工构灸, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留上渴,地道東北人。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓喜颁,卻偏偏與公主長得像稠氮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子半开,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內容

  • 單頁面程序 uni-app 約定頁面文件遵循 Vue 單文件組件 (SFC) 規(guī)范[https://vue-loa...
    Jagtu閱讀 15,036評論 0 0
  • uni-app框架介紹 介紹 uni-app 是一個跨端開發(fā)框架隔披,一套代碼運行多個平臺,并可以使用條件編譯實現不同...
    Jagtu閱讀 13,277評論 0 0
  • 環(huán)境搭建 頁面外觀配置 數據綁定 uni-app的生命周期 組件的使用 條件注釋跨端兼容 uni-app的事件 導...
    不是隔壁的老王啊閱讀 2,560評論 0 0
  • 1. 導航欄 原生導航優(yōu)點① 原生導航的體驗更好寂拆,渲染新頁面時奢米,原生導航欄的渲染無需等待新頁面dom加載抓韩,可以在新...
    瑟聞風傾閱讀 137,095評論 10 27
  • uni-app的基本使用 課程介紹: 基礎部分: 環(huán)境搭建 頁面外觀配置 數據綁定 uni-app的生命周期 組件...
    Neo_duan閱讀 2,099評論 1 1