跳至主要内容

顯示項目

指定在可見範圍內一次顯示多少個,或者在一個頁面上顯示多少個

完整顯示

下面範例設定一個頁面顯示 3 個項目

<BearCarousel 
// ...ignore some
slidesPerView={3}
/>

顯示不完整

Tip

您還可以設定 isCenteredSlides 一起使用可以得到不錯的效果

可以用 小數點 設定來顯示圖片的一半,這種顯示方式是由 CSS Flexbox 計算出來的

<BearCarousel
// ...ignore some
slidesPerView={1.5}
/>

自動

Tip

您還可以設定 isCenteredSlides 一起使用可以得到不錯的效果

如果您的每個輪播項目都是固定大小的卡片,但您不想因為容器大小而更改卡片大小,則可以使用 auto

<BearCarousel
// ...ignore some
slidesPerView="auto"
/>