weex 可用樣式,與唯一布局方式flex

2021-07-26 00:01:28 字數 1276 閱讀 3577

weex 布局模型基於 css flexbox,flexbox 是預設且唯一的布局模型,所以你不需要手動為元素新增 display:

flex; 屬性。

對於剛開始接觸 weex想把它當html5,css3使用的我,在沒看文件的情況下也是蒙蔽了,在 weex 中,flexbox 是預設且唯一的布局模型,所以你不需要手動為元素新增 display: flex; 屬性。

flex-direction:

定義了 flex 容器中 flex 成員項的排列方向。可選值為 row | column,預設值為 column

column:從上到下排列。

row:從左到右排列。

justify-content:

定義了 flex 容器中 flex 成員項在主軸方向上如何排列以處理空白部分。可選值為 flex-start | flex-end | center | space-between,預設值為 flex-start。

flex-start:是預設值,所有的 flex 成員項都排列在容器的前部;

flex-end:則意味著成員項排列在容器的後部;

center:即中間對齊,成員項排列在容器中間、兩邊留白;

space-between:表示兩端對齊,空白均勻地填充到 flex 成員項之間。

justify-content

@400*

align-items:

定義了 flex 容器中 flex 成員項在縱軸方向上如何排列以處理空白部分。可選值為 stretch | flex-start | center | flex-end,預設值為 stretch。

stretch 是預設值,即拉伸高度至 flex 容器的大小;

flex-start 則是上對齊,所有的成員項排列在容器頂部;

flex-end 是下對齊,所有的成員項排列在容器底部;

center 是中間對齊,所有成員項都垂直地居中顯示。

align-items

@400*

flex 屬性定義了 flex 成員項可以占用容器中剩餘空間的大小。如果所有的成員項設定相同的值 flex: 1,它們將平均分配剩餘空間. 如果乙個成員項設定的值為 flex: 2,其它的成員項設定的值為 flex: 1,那麼這個成員項所占用的剩餘空間是其它成員項的2倍。

flex :值為 number 型別。

db2唯一索引與唯一約束,重複刪除唯一約束儲存過程

db2唯一索引與唯一約束,重複刪除唯一約束儲存過程 今天寫可重複執行的指令碼時,發現沒有重複刪除約束的儲存過程,寫此紀錄。先建立唯一約束會自動建立唯一索引且兩者名字相同,若該字段上已有索引,再次建立索引的語句無效,此時第二句話無效。先建立唯一索引不會建立唯一約束,在執行建立唯一約束,此時兩者名字不同...

時間戳與唯一標識

比較懶,好久沒寫部落格了,昨天遇到個問題隨手記錄一下 以前沒遇到這個問題,一直以為時間戳是可以作為類似於主鍵一樣的唯一標識。直到昨天遇到個老專案,出了個奇怪的bug。專案是別人做的老專案,我們在修改,昨天測試告知說某輸入框,有時候能輸入東西,有時候內容會被清空。看了頁面,清空的很明顯是表單驗證控制項...

單索引與唯一索引

1 普通索引 普通索引 由關鍵字key或index定義的索引 的唯一任務是加快對資料的訪問速度。因此,應該只為那些最經常出現在查詢條件 wherecolumn 或排序條件 orderbycolumn 中的資料列建立索引。只要有可能,就應該選擇乙個資料最整齊 最緊湊的資料列 如乙個整數型別的資料列 來...