SSENSE/vue-carousel

Feature Request: Allow dynamic number of slides

Open

#268 建立於 2018年8月20日

在 GitHub 查看
 (3 留言) (0 反應) (0 負責人)JavaScript (1,705 star) (513 fork)batch import
featuregood first issuehelp wanted

描述

I have a dynamic number of images I want to display in your carousel. For large screens I want to display up to 8 slides per page. But since the number of images is dynamic I might end up having only 2 images to display. In that case the slide takes up way too much space.

Example: https://codesandbox.io/s/n3mkw7z7q0 I highlighted the background of each slide to easily see how much space it takes up.

It would be great if there was a way to deal with this problem, maybe by being able to set the flex-basis yourself?

貢獻者指南

技術棧
vuejavascript
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
half day
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Vue.jsCSS flexbox
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
50
研究方向
Examine the Carousel component (likely in src/Carousel.vue) to understand current slide width calculation. Implement a prop or reactive calculation that allows the number of slides per page to adjust based on the number of children and container width. Use the provided codesandbox example (https://codesandbox.io/s/n3mkw7z7q0) as a test case. Ensure the solution works with responsive design and existing functionality.
Feature Request: Allow dynamic number of slides · SSENSE/vue-carousel#268 | Good First Issue