适用場景：安裝了「FVS大屏編輯模式」插件的用戶，可參考本文了解 FVS 模板的相關功能。

注：不支持移動端。

1.1 版本

1.2 功能簡介

功能簡介：【輪播器組件】是一種容器，可以将其他各型別組件（不包含輪播器組件本身，不支援組合）拖入【輪播器組件】，并按照一定規則輪播。

本文僅為大家介紹【輪播器組件】特有功能，其他屬性不贅述。

組件互動請參見：FVS組件框架互動屬性 。表格組件僅支援監控重新整理設定。

組件動畫請參見：FVS組件框架動畫屬性 。

組件屬性請參見：FVS組件屬性 。

新建一張「大屏模板」：

在頁面中新增一個【輪播器組件】，預設顯示【請将組件拖入輪播組件中，添加的組件将自适應充滿整個輪播區域】。如下圖所示：

使用者可選中本頁面中其他各型別組件拖入到輪播組件内。當出現提示【釋放進入輪播組件】時，松開滑鼠，即可将組件加入輪播列表中。如下圖所示：

注1：按住 Ctrl 選中多個組件後，單擊鼠标右鍵選擇「組合」，即可将多個組件組合在一起。

注2：V1.10.1 之前的版本中，輪播器組件不支持拖入組合。

注：組合不支援拖入【輪播器組件】，【輪播器組件】不支援拖入【輪播器組件】。若将組合/【輪播器組件】拖入【輪播器組件】中，提示【該組件/組合不支援拖入輪播組件】。

3.1 展示方式

1）輪播列表中，默認展示當前輪播器的名稱。拖入組件或組合後，一個組件或一個組合形成一個 Tab 頁面。

按照先拖入的在下，後拖入的在上的順序，展示在「輪播器」的下一層級中。預覽時按照從上到下的順序進行輪播。如下圖所示：

2）選中列表中的組件，可上下拖曳改變順序，也可使用「調整層級」按鈕改變順序。如下圖所示：

注1：「輪播列表」中展示的順序與左側「組件圖層」中展示的順序始終保持一緻。

注2：V1.10.1 之前的版本中，組件被拖入輪播組件後，不再存在於左側圖層區。

3）在輪播列表中，支持取消組合，也支持選中同一層級的組件或組合再進行組合。不同層級的組件則不支持同時選中。如下圖所示：

4）支持同級或跨級拖動組件，以改變組件/組合輪播順序，或将組合中的組件拖出。如下圖所示：

注：拖動組件只能在「輪播列表」或「組件圖層」中生效，在畫布中無法直接拖動。

5）支持對輪播器中的組件修改尺寸，尺寸需小於等於輪播器尺寸，超過最大尺寸時默認填充爲最大尺寸。如下圖所示：

6）在輪播列表中，可對組件進行編輯、重命名、移出、删除等操作。

• 編輯：選中組件，可在下方配置面板修改組件的内容、交互、組件樣式等屬性。

• 重命名：點擊右側「更多>重命名」可對該組件的名稱進行修改，雙擊或在下方「組件」面板中也可以重命名。

• 移出：點擊右側「更多>移出」将組件從輪播組件中移出到頁面中。移出的組件會顯示在輪播器組件的右側，大小自适應爲輪播器組件尺寸。

• 删除：點擊右側「更多>删除」可删除該組件，選中後使用 delete 鍵也可删除。

注：不支持對輪播列表中的組件/組合設置動畫。

選中輪播列表中的「輪播器」名稱，在下方配置面板「内容」中勾選「顯示輪播按鈕」，則可選擇使用「導航器按鈕」或「Tab欄按鈕」。

4.1 導航器按鈕

導航器按鈕設定如下圖所示：

各設定項的具體說明如下表所示：

設定	說明
顯示策略	支援兩種顯示策略： 固定顯示：當預覽該頁面時，導航器按鈕預設顯示在組件上。 懸浮顯示：當預覽該頁面時，導航器按鈕預設不顯示。當滑鼠懸浮在輪播組件上時，導航器按鈕出現。
大小	用於調整導航器按鈕的尺寸大小。
顔色	用於調整導航器按鈕的顔色。
不透明度	用於調整導航器按鈕的透明度。
導航點	控制底部導航點是否出現。

導航器和導航點的位置如下圖所示：

4.2 Tab欄按鈕

Tab欄按鈕設定如下圖所示：

各設定項的具體說明如下表所示：

設定	說明
顯示策略	支援兩種顯示策略： 固定顯示：當預覽該頁面時，Tab欄按鈕預設顯示在組件上。 懸浮顯示：當預覽該頁面時，導航器按鈕預設不顯示。當滑鼠懸浮在輪播組件上時，導航器按鈕出現。
按鈕樣式	輪播組件内置了多種Tab欄樣式，使用者可自行選擇。
佈局樣式	支援兩種佈局樣式： 自然佈局：根據組件名稱的長度和按鈕字号，按照合适的長度自适應顯示Tab欄。 等分佈局：根據組件的長度/高度，以及輪播列表中組件的個數，等分Tab欄，每個Tab框的長度一緻。
色相	用於調整Tab框的色相，不改變Tab框中的文字顔色。
位置	用於調整Tab欄的位置，支援上、下、左、右四種。
按鈕字号	用於調整Tab框中的文字大小，Tab框的大小随之自适應調整。
樣式	用於設定Tab框中的文字顔色，不改變Tab框的顔色。
位置	僅當【佈局樣式】選擇【等分佈局】時，出現該設定項可設定Tab框中的文字位置，支援居左、居中、居右。

Tab欄按鈕的顯示範例如下圖所示：

選中【輪播器組件】，點擊【互動】，使用者可自行選擇是否【開啟自動輪播】。如下圖所示：

5.1 自動輪播

「自動輪播」默認開啟，輪播間隔默認爲 6000 毫秒。

• 若不開啟自動輪播，當預覽該頁面時，輪播組件默認顯示輪播列表中的第一個組件。用戶需要通過輪播按鈕方可查看其他輪播内容。

• 若開啟自動輪播，當預覽該頁面時，根據輪播列表的順序和輪播間隔，循環展示各個組件的内容，但無法暫停自動輪播。

5.2 标簽切換事件

「标簽切換事件」支持的事件類型包括：組件聯動、三維組件動畫和 JavaScript 。更多内容請參見：FVS組件交互屬性 。

注：「标簽切換事件」在 V1.10.1 之前的版本中叫「輪播事件」。

已完成範本請參見：FVS輪播器組件範例.fvs。