Bug: vueCarousel-slide-center not immediately applied · SSENSE/vue-carousel#270

(6 评论) (5 反应) (0 负责人)JavaScript (1,705 star) (513 fork)batch import

buggood first issuehelp wanted

描述

Hey there. Many other carousels offer a mode called “Center Mode” that looks like this;

As you can see, other elements fade while the center one is full opacity.

I've tried doing this myself but can't seem to figure out.

Is it also possible to have the content wrap around dynamically? So when it gets to the end, instead of jumping to the start, it just continues seamlessly from end to start without the weird jump?

Thanks

贡献者指南

技术栈: vuejavascript
领域: frontend
议题类型: feature
难度: 3
预计时间: 1-3 hours
活动状态: stale
清晰度: mostly clear
前置要求: Basic Vue.js knowledgeUnderstanding of carousel behavior
新手友好度: 30
研究方向: Investigate the existing Vue Carousel component structure, particularly the slide transition logic and CSS classes. Look at how other carousels implement center mode (e.g., fading edges). The issue mentions no linked PRs or recent comments, so start by examining the source code in src/ for slide rendering and styling. Consider adding a prop like 'centerMode' that applies a class to non center slides for reduced opacity.