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.