Weber更新日誌

組件概述

懸停面板是滑鼠懸停觸發切換內容的互動卡片組件，滑鼠移入卡片時觸發內容切換動畫，實現「預設狀態」與「懸停狀態」兩套內容切換展示。

適用場景

產品卡片展示、服務模塊、團隊成員卡片、解決方案、企業產品介紹模塊等

不建議使用場景

大量密集卡片，過多懸停項目會增加頁面渲染負荷

組件使用

1、在編輯器右側【設置】開啟【編輯模式】，會停用懸停切換功能，方便修改面板內容。可以配合【初始展開項】切換需要修改的面板

2、在【懸停面板項】層級內可以添加任意基礎組件，在初始默認下含有【Div】與【文本組件】，若不需要可以刪除

3、在【懸停面板】層級默認設置有固定高度400px，可自由修改

注意事項

1、頁面發佈後在移動端需要手動點擊觸發切換

2、面板若使用背景圖片需要疊加深色遮罩，務必確保文字對比充足，保障閱讀性