search

Wlada / vue-carousel-3d

Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js
MIT License
973 stars 202 forks source link

How can dir be used? #98

Open BH-GeGe opened 6 years ago

BH-GeGe commented 6 years ago

:dir="ltr" ？？？ Make a mistake

404cat commented 6 years ago

hi, just writing dir="ltr" to fixed this question

BH-GeGe commented 6 years ago

Thanks. I don't know why I wrote it wrong before. I put it in options. v-bind="options" data () { return { options:[{ dir: 'ltr', display: 3, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, }] } }

404cat commented 6 years ago

哈哈，刚刚看了下你是国内的。 不过我现在遇到了一个问题，我在移动端使用这个插件，我想修改 carousel-3d 的display:flex，发现不会对轮播的内容生效，我的需求是显示三个，大的在中间，但是可能是移动端的原因导致不能居中。所以我想使用flex的justify-content:space-between 来让他们分散对齐。用Chrome调试的时候发现 carousel-3d 里面还套着一个div，但是操作不了这个div。 image

image

如果您知道怎么解决的话，希望您能告知一下，谢谢~~

BH-GeGe commented 6 years ago

你是要操作插件内部的div吗？

404cat commented 6 years ago

对的，像上面那张图片中的.carousel-3d-slider属性我在单个组件中操作不了，而且HTML中也没有div。 image 不过我现在已经使用全局样式定义.carousel-3d-slider的属性，解决这个问题了；😁

BH-GeGe commented 6 years ago

嗯 对的。 style标签 里 去掉scoped 样式权重加 !important是可以操作的！