其實heyui元件庫已經發布一年半了，而我一直都沒有補充layout元件。
至於一直不開發的原因，主要是因為我覺得系統的布局都會因為定製化而發生變化，也會跟隨著設計的變化而變化，而layout固定的組合方式無法滿足實際的需求。
其實，我發現，有很多人的想法和我一模一樣，覺得layout的整體實用性不高。
而開始寫layout的原因有兩個：
一是隨著heyui-admin的架構在不斷的成熟，layout這一塊一直都是使用自己寫的css控制的，改到menu摺疊的時候，就覺得例項的**有點多了，參考了一下ant-design的設定，覺得可以考慮把layout結合進來。
二是由於很多後端開發的小夥伴的實際需求比較迫切，對於他們來說，系統布局不需要可擴充套件，他們需要乙個簡單的框架，直接搭建起來。
話不多說，先把效果圖發出來：
戳我去：heyui-layout 布局
哎~ 好像還挺簡單
哎~ 我靠~ 這麼方便
哎~ 固定header控制好便捷
哎~ 全域性定義變數~ 我靠~ 好爽 ?
~ 真香 ?????
layout元件在開發出來的時候，我發現，其實真的很實用，能覆蓋日常系統布局大部分場景，而且比自己開發還要快速，好調整。
元件在var.less中配置三個尺寸，分別為：
你可以通過修改這三個引數達到設計師對系統布局的要求
layout總共包含5個元件:
以下圖的**為例：
sider
header
content
footer
複製**
layout元件提供以下三種引數：
在不同的排版方式中，都能很好的完成頁面布局的處理。
admin.heyui.top/
heyui元件庫的admin框架正在開發中，希望大家多多關注。
希望更多的人能參與到我們的開源專案中。
我們會定期拉人入群。
官網: heyui，乙個基於vue.js的高質量ui元件庫
github倉庫：heyui/heyui
Cocos Creator之Layout控制項
之前閱讀cocos creator文件的時候，看到了這個控制項，最近才用得到。需求是在按鈕上顯示購買 如xx元購買。xx是通過label控制項顯示，元購買 則是一張。由於 對應的數字是一位或者兩位數字，因此顯示的時候，單純的通過位置控制 xx元購買 不容易居中，因此需要用到layout控制項。方案是...
View框架之layout 流程
注意 rootview是乙個framelayout,所以也是乙個viewgroup 這裡的的host就是我們的根布局decorview,因為decorview是乙個framelayout,而layout 是view中被修飾final的方法，所以我們這裡呼叫的是view的layout的方法，layou...
Web開發之Layout布局
布局種類 頁面布局的幾種方式 靜態化布局 流式布局 自適應布局 響應式布局 彈性布局 使用建議 1.如果只做pc端，那麼靜態布局 定寬度 是最好的選擇 2.如果做移動端，且設計對高度和元素間距要求不高，那麼彈性布局 rem js 是最好的選擇，乙份css 乙份js調節font size搞定 3.如果...