📄️ 高度
建議使用固定高度,雖然高度自動很方便,但是會造成使用者體驗不好,閃爍展開佈局(如果按照圖片高度的話)
📄️ 顯示項目
指定在可見範圍內一次顯示多少個,或者在一個頁面上顯示多少個
📄️ 置中顯示
SlidesPerView 可以與 number 或 auto 一起使用,這裡沒有限制
📄️ 自動播放
並且必須啟用循環模式
📄️ 客製化導航
如果您想自定義自己的導航按鈕,您可以這樣做
📄️ 循環模式
循環模式如果移動到 Clone SlideItem,則需要等待動畫(moveTime)結束才能按 NavButton
📄️ 響應式設定(RWD)
注意這裡的設置是從小到大的設定 (參考Bootstrap RWD 設計),使用覆蓋的方法
📄️ 手動控制
手動控制導航項目控制器 Controller
📄️ 同步控制
同步控制另一個 Bear React Carousel
📄️ 更新輪播卡片內容
如果想要改變幻燈片項的內容,比如改變某個值的顯示切換,可以選擇在 key 中加入一些參數,或者開啟 isSlideItemMemo 模式,使用 useMemo deps 來判斷是否重新渲染
📄️ 影片
在滑動卡片中放入影片,例如: youtube
📄️ 卡片移動效果
在移動中應用不同的動態效果,我們提供進度參數, 你可以使用我們提供的配菜 moveEffectFn,或是自訂義的方法來控制
📄️ 懶加載
您想要延遲加載圖片以節省資源