反饋已提交
網絡繁忙
适用场景：安装了「FineVis数据可视化」插件的用户，可参考本文了解 FVS 模板的相关功能。
功能簡介：【輪播器組件】是一種容器，可以将其他各型別組件（不包含輪播器組件本身，不支援組合）拖入【輪播器組件】，并按照一定規則輪播。
注：本文僅為大家介紹【輪播器組件】特有功能，其他屬性不贅述。
組件互動請參見：FVS組件框架互動屬性 。表格組件僅支援監控重新整理設定。
組件動畫請參見：FVS組件框架動畫屬性 。
組件屬性請參見：FVS組件屬性 。
新建一張「大屏模板」：
在組件區「容器」中點選或拖曳「Tab」組件到畫布，預設顯示「請將組件/組合拖入Tab內，新增的組件/組合可以在Tab標籤頁內自由佈局」。
如下圖所示：
直接拖曳組件區或本頁面中其他組件/組合到 Tab 標籤頁上方，出現提示「釋放進入Tab當前標籤頁」，鬆開滑鼠，即可將其拖入 Tab 標籤頁。
Tab 標籤頁內佈局規則和 絕對畫布 一致：
拖入組件時，組件大小不變。
組件位置若超出標籤頁左/上邊框，則組件拖入後自動對齊左/上邊框；其餘位置則以組件釋放位置為準，支援超出標籤頁右/下邊框。
若組件超出標籤頁右/下邊框，選中標籤頁或標籤頁內的組件，出現橫向/縱向捲軸（預覽時懸浮出現），可捲動查看。
注：標籤頁中支援再次拖入 Tab 組件，但最多支援 3 層 Tab 巢狀。
也支援在組件圖層列表中，拖曳組件圖層順序移入標籤頁，拖入位置預設在標籤頁中心位置。如下圖所示：
組件移出包括以下三種方式：
直接拖曳組件到 Tab 外，出現提示「釋放移出標籤頁」，鬆開滑鼠，即可將其移出 Tab 標籤頁。此時移出的組件位置以釋放位置為準。
在組件圖層列表或 Tab 列表中，直接拖曳組件圖層順序移出 Tab 層級。此時移出的組件位置保持不變。
在 Tab 列表，懸浮組件，點選「更多>移出」即可將組件移出 Tab 。此時移出的組件預設顯示在 Tab 組件右側。
1）輪播列表中，默認展示當前輪播器的名稱。拖入組件或組合後，一個組件或一個組合形成一個 Tab 頁面。
按照先拖入的在下，後拖入的在上的順序，展示在「輪播器」的下一層級中。預覽時按照從上到下的順序進行輪播。如下圖所示：
2）選中列表中的組件，可上下拖拽改變順序，也可使用「調整層級」按鈕改變順序。如下圖所示：
注1：「輪播列表」中展示的順序與左側「組件圖層」中展示的順序始終保持一緻。
注2：V1.10.1 之前的版本中，組件被拖入輪播組件後，不再存在於左側圖層區。
3）在輪播列表中，支持取消組合，也支持選中同一層級的組件或組合再進行組合。不同層級的組件則不支持同時選中。如下圖所示：
4）支持同級或跨級拖動組件，以改變組件/組合輪播順序，或将組合中的組件拖出。如下圖所示：
注：拖動組件只能在「輪播列表」或「組件圖層」中生效，在畫布中無法直接拖動。
5）支持對輪播器中的組件修改尺寸，尺寸需小於等於輪播器尺寸，超過最大尺寸時默認填充爲最大尺寸。如下圖所示：
6）在輪播列表中，可對組件進行編輯、重命名、移出、删除等操作。
編輯：選中組件，可在下方配置面板修改組件的内容、交互、組件樣式等屬性。
重命名：點擊右側「更多>重命名」可對該組件的名稱進行修改，雙擊或在下方「組件」面板中也可以重命名。
移出：點擊右側「更多>移出」将組件從輪播組件中移出到頁面中。移出的組件會顯示在輪播器組件的右側，大小自适應爲輪播器組件尺寸。
删除：點擊右側「更多>删除」可删除該組件，選中後使用 delete 鍵也可删除。
注：不支持對輪播列表中的組件/組合設置動畫。
新增 Tab 組件時，自帶一個標籤頁，支援新增多個標籤頁。
右側 Tab 列表中展示所有 Tab 標籤頁和標籤頁內的組件，和左側組件圖層中展示內容一致。
標籤頁支援單獨設定名稱、邊框背景、邊框線及圓角半徑。標籤頁的名稱，即標籤頁 Tab 欄按鈕顯示的文字內容。
注：Tab 組件、標籤頁及組件均不支援重名。
在 Tab 列表中，也支援新增標籤頁，支援重新命名、刪除、隱藏、鎖定物件等操作。僅剩一個標籤頁時，刪除標籤頁即刪除 Tab 組件。
支援從下向上拖曳標籤頁，改變標籤頁順序。不支援從上向下拖曳標籤頁，可使用調整層級>下移一層。
選中 Tab 整體，在 Tab 列表下方「內容」配置面板中，可對標籤頁和切頁按鈕進行設定。
勾選「啟動調整鎖定」時，調整 Tab 大小，內部組件大小也會等比例變化。
當範本選擇「行動端」模式且開啟 重佈局 時，Tab 組件支援設定標籤頁內邊距及組件間隙。
選中輪播列表中的「輪播器」名稱，在下方配置面板「内容」中勾選「顯示輪播按鈕」，則可選擇使用「導航器按鈕」或「Tab欄按鈕」。
導航器按鈕設定如下圖所示：
各設定項的具體說明如下表所示：
設定
說明
顯示策略
支援兩種顯示策略：
固定顯示：當預覽該頁面時，導航器按鈕預設顯示在組件上。
懸浮顯示：當預覽該頁面時，導航器按鈕預設不顯示。當滑鼠懸浮在輪播組件上時，導航器按鈕出現。
大小
用於調整導航器按鈕的尺寸大小。
顔色
用於調整導航器按鈕的顔色。
不透明度
用於調整導航器按鈕的透明度。
導航點
控制底部導航點是否出現。
導航器和導航點的位置如下圖所示：
Tab欄按鈕設定如下圖所示：
各设置项的具体说明如下表所示：
固定显示：预览时，Tab栏按钮默认显示在组件上
悬浮显示：预览时，Tab栏按钮默认不显示，当鼠标悬浮在轮播组件上时，Tab栏按钮出现
支持三种样式：科技样式、联排样式或下划线式，区别仅在于按钮样式的不同
自然布局：根据 Tab页组件/组合名称的长度和按钮字号，按照合适的长度自适应显示 Tab栏，超出轮播器尺寸时，出现翻页箭头
等分布局：根据轮播器组件的长度/高度，以及轮播列表中组件的个数，等分 Tab栏，每个 Tab按钮的长度一致
样式模板为「科技样式」时，可设置项如下：
按钮样式：可分别设置按钮未选中和选中时，按钮文字对应的字符颜色
按钮底图：内置了五种底图样式可供选择，可改变底图色相
翻页箭头：仅当布局方式为「自然布局」且 Tab栏按钮超出轮播器尺寸时，支持设置翻页箭头。内置了四种箭头样式可供选择，可改变箭头色相
样式模板为「联排样式」时，可设置项如下：
按钮样式：可分别设置按钮未选中和选中时，按钮文字对应的字符颜色、按钮背景的填充颜色以及按钮的边框线样式
圆角：可对 Tab栏按钮整体设置圆角效果
注：联排样式下，当布局方式为「自然布局」且 Tab栏按钮超出轮播器尺寸时，默认存在翻页箭头，不支持设置
样式模板为「下划线式」时，可设置项如下：
按钮样式：可分别设置按钮未选中和选中时，按钮文字对应的字符颜色、按钮下划线样式和颜色
注：下划线式下，当布局方式为「自然布局」且 Tab栏按钮超出轮播器尺寸时，默认存在翻页箭头，不支持设置
选中「Tab组件」，点击「交互」，支持设置「自动轮播」和「标签切换事件」。如下图所示：
「自動輪播」默認開啓，輪播間隔默認爲 6000 毫秒。
若不開啟自動輪播，當預覽該頁面時，輪播組件默認顯示輪播列表中的第一個組件。用戶需要通過輪播按鈕方可查看其他輪播内容。
若開啟自動輪播，當預覽該頁面時，根據輪播列表的順序和輪播間隔，循環展示各 Tab 內容。輪播時，滑鼠懸浮輪播器，輪播暫停，滑鼠超過 3s 無位移或移出輪播器，輪播繼續。V2.2.0 之前的版本不支援滑鼠懸浮暫停輪播。
「标簽切換事件」支持的事件類型包括：組件聯動、三維組件動畫和 JavaScript 。更多内容請參見：FVS組件交互屬性 。
當範本選擇「行動端」模式時，預設勾選「開啟滑動切頁」。則行動端預覽時，切換 Tab 有左右滑動效果。
升級 V2.3.1 版本後，舊範本中已有的輪播器組件，相容生成 Tab 組件標籤頁，原有功能均可正常使用。
需要注意的是，若原先輪播器組件未啟動 Tab 欄按鈕，啟動後 Tab 欄內容按照標籤頁實際名稱顯示。
若原先輪播器組件啟動了 Tab 欄按鈕，那麼標籤頁的實際名稱按照 Tab 組件規則生成，但 Tab 欄按鈕顯示的內容仍保持原來的內容。
學習輪播器基礎使用後，推薦您更多進階內容：
文 檔回 饋
滑鼠選中內容，快速回饋問題
滑鼠選中存在疑惑的內容，即可快速回饋問題，我們將會跟進處理。
不再提示
10s後關閉