Weber更新日誌

組件概述

Scrolling實現內容循環滾動效果，支援文字、圖標混合滾動。

適用場景

1、網站頂部公告條、促銷資訊跑馬燈

2、口號、品牌標語循環滾動展示

3、客戶標語、服務關鍵詞滾動

不建議使用場景

1、需要使用者完整逐字閱讀的大段重要資訊（動態滾動不易閱讀）

2、滾動內容內放入複雜互動組件、大尺寸圖片卡片。建議使用【輪播圖】、【選項卡】等

3、組件複雜調整困難，不建議非設計師/技術使用

組件使用

1、選中【Scrolling】層級在編輯器右側【設置】中，開啟【編輯】功能後，可以新增或刪減滾動項目，可以修改滾動項的內容

2、在【Item】層級默認有160px固定高度，可以根據需求調整。（高度決定下一個滾動項出現時間，高度越大出現越慢，反之越快）

3、選中【Scrolling】層級在編輯器右側【設置】中可以調整滾動時間間隔

4、組件默認初始自帶兩個滾動項，可以新增或刪除，建議調整好一個滾動項文字樣式後直接複製替換文案使用，避免重複設置樣式

5、在【Scrolling】層級可以調整初始默認高度。（注意：修改了文字大小的必須調整固定高度，特別注意移動端的適配）

注意事項

1、文字內容經歷保持簡短，內容過多在移動端時候容易被切

2、組件內僅限添加文本、標題、圖標組件