組件組合

1.1 版本

1.2 應用場景

製作的組件可以透過「組合」的功能把同一主題的內容整理到一起。

1）批量行動/調整組件：提高多個相關組件批量場景操作效率；尤其是PC懸浮組件場景，可以先組合多組件後調整位置、大小。

2）按區塊進行儀表板佈局：細節調整區塊內組件間隙/內邊距/區塊背景等。

3）組合的組件整體性更強：整合成組合的組件，懸浮不會出現陰影效果，更加美觀。

1.3 功能簡介

自由組合儀表板內元素，整合成不同區塊，並自訂區塊標題、樣式。如下圖所示：

1.4 注意事項

Tab組件、被刪除的組件不能和其他組件進行組合。

組合容器不允許巢狀，組合容器不能再和組合容器成組。

2.1 組件成組

1）在使用組合功能之前，先調整好待成組件成員的位置、大小。

2）點選其中一個組件，進入「組合」頁面，選擇需要組合的組件，完成後點選「確定」生成組合容器。如下圖所示：

2.2 調整組合

點選組合內組件，支援調整組件大小。點選組合邊框，可調整組件大小。如下圖所示：

.

2.3 組合新增組件

組合支援繼續新增組件，組件在組合容器中位置、大小受儀表板中的位置大小影響。如下圖所示：

.

注：組合容器不允許巢狀，組合容器不能再和組合容器成組。

2.4 組合移除組件

點選組合容器內組件，「移除組合」,組件從組閤中移除。如下圖所示：

選中組合容器，點選「樣式設定」，可設定組合標題、背景、組件間隙，完成點選「確定」。如下圖所示：

自訂後，效果如下圖所示：

1）成組後組合內的組件懸浮狀態：和成組前的懸浮狀態保持一致。

2）成組後組合容器的懸浮狀態：成組的組件成員都是懸浮，組合容器是懸浮狀態；否則為非懸浮組合容器。

點選組合容器，下拉「解散組合」，即可解散。如下圖所示：

原理同組件複製。

PC和行動端的組件組合互不影響。

在「行動端佈局」中，點選組件即可設定組合，同PC端設定。

注1：行動端組件不支援懸浮。

注2：行動端 Tab 組件內的組件無法進行組合。

使用者可根據儀表板內容自由組合，實現區塊化樣式佈局。