This repo is forked from vue-carousel-3d(https://github.com/wlada/vue-carousel-3d), just add prefix on transition and transform to fix the transition issue on ios8, and add touch event when autoplayHoverPause
Feel free to submit issues and feature requests here.
Full documentation and examples
npm install -S vue-carousel-3d-modified
others just like vue-carousel-3d
You may install Vue Carousel 3d globally:
import Vue from 'vue';
import Carousel3d from 'vue-carousel-3d';
Vue.use(Carousel3d);
This will make <carousel-3d> and <slide> available to all components within your Vue app.
Include the Carousel 3d into your component using import:
import { Carousel3d, Slide } from 'vue-carousel-3d';
export default {
...
components: {
Carousel3d,
Slide
}
...
};
Once the Carousel3d and Slide components are installed globally or imported, they can be used in templates like below:
<carousel-3d>
<slide :index="0">
Slide 1 Content
</slide>
<slide :index="1">
Slide 2 Content
</slide>
</carousel-3d>
Keep in mind that index property on slide component is required property and you will need to pass it for every slide starting from 0
Dev environment is created by vue-play. Changes made to the component files will appear in real time in the sandbox.
To begin development, run:
npm install
npm run dev
now open http://localhost:5000
in your browser
You can modify and add scenarios in play/index.js
This project is licensed under the MIT License - see the LICENSE.md file for details.