Weber更新日誌

組件概述

一屏多個輪播圖可在同一個畫面內並排展示多組輪播項。

適用場景

多組產品服務並排輪播、多組客戶案例並列展示、多組套餐 / 服務卡片、首頁模塊，一頁同時展示多組輪播項內容

不建議使用場景

1、想要多張圖片同步一起切換，可以使用【輪播圖】

2、在輪播項目內嵌入複雜表單、大量互動元件，容易造成互動衝突

組件使用

1、組件基礎使用參考【輪播圖】組件，邏輯一致

2、一屏多個輪播圖組件默認初始含有 4個 【輪播項】。如果要樣式一致的輪播項，建議修改完一個【輪播項】後，刪除另外兩個初始自帶的輪播項，然後複製【已調整樣式的輪播項】進行內容替換，可保持輪播樣式同步並且節約樣式調整時間。

3、一屏多個輪播圖可設置每屏顯示個數、間距、箭頭、自動播放、時間間隙、進階輪播樣式、指示器、指示器選中樣式。

4、每個初始輪播項內自帶【Div】+【文本】組件佔位，並且【Div】組件設置有固定高度，如不需要可以刪除【Div】層級

5、在輪播項內可以添加任意基礎組件

6、選中輪播圖中【指示器】層級，可根據需求設置樣式（注意：① 【尺寸】設置不建議 <10px   ②【背景顏色】設置不建議使用80%以下透明度。以上兩個問題均會影響可讀性與SEO、無障礙頁面友好）

7、【箭頭】可在【Prev】與【Next】層級修改樣式，可以在Class的【位置】調整箭頭的方位

注意事項

1、建議所有輪播項維持相同高度，避免卡片高低參差不齊

2、響應式一定要測試手機預覽，建議手機端每屏顯示個數為1

3、開啟【箭頭】或【指示器】功能後，所有端口將會同步開啟。如果部分端口不需要，可以選中【Prev】/【Next】/【指示器】層級在Class的【常規】➡️【顯示方式】➡️【Hidden隱藏】設置。