高度靈活可定製的PC佈局:頭部按鈕、左邊欄、右邊欄、狀態欄

什麼是自適應佈局

CabloyJS提供了一套佈局管理器,實現自適應佈局

關於自適應佈局的概念,強烈建議先閱讀以下兩篇文章:

  1. 自適應佈局:pc = mobile + pad

  2. 自適應佈局:視圖尺寸

什麼是PC佈局

CabloyJS內置了一套Mobile佈局PC佈局。其中,PC佈局提供了更豐富的佈局元素和交互體驗。

PC佈局是由模塊a-layoutpc實現的,如果對底層的實現機制感興趣,可以直接查看模塊a-layoutpc的源碼,這裏重點說明PC佈局的風格,以及如何定製,如何進行二次開發

演示

1. 頭部按鈕

在這裏插入圖片描述

2. 左邊欄

在這裏插入圖片描述

3. 右邊欄

在這裏插入圖片描述

4. 狀態欄(左)

在這裏插入圖片描述

5. 狀態欄(右)

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章