0.2.4 • Published 4 years ago

vue-cary-carousel v0.2.4

Weekly downloads
25
License
-
Repository
github
Last release
4 years ago

Vue-Cary-Carousel

Vue 2.x

A carousel plugin for vue2.

Note: Issue/PR is welcomed, I'll response as soon as possible.

Usage

install

npm install vue-cary-carousel --save

Quickstart

// global
import VueCaryCarousel from 'vue-cary-carousel'
require('vue-cary-carousel/dist/carousel.css')

Vue.use(VueCaryCarousel)

// in your code
<vue-cary-carousel :list="list" /> // list must required
Options
ParameterTypeDefaultRequiredDescription
listarray[]trueThe images list
heightnumber500falseThe container height
imgWidthnumber140falseThe image width
imgHeightnumber180falseThe image height
translateZnumber250falseThe image positon
autoplaybooleanfalsefalseWhether to auto play
delaynumber3000falseThe autoplay delay
shadowbooleantruefalseThe image shadow
rotateXnumber-10falseThe init rotateX deg
example
<template>
    <vue-cary-carousel :list="list" />
</template>

<script>
    import VueCaryCarousel from 'vue-cary-carousel'
    require('vue-cary-carousel/dist/carousel.css')

    export default{
        components: {
            VueCaryCarousel
        },
        data() {
            return {
                list: [
                    'http://xxx.com/1.png',
                    'http://xxx.com/2.png',
                    'http://xxx.com/3.png',
                ]
            }
        })
    }
</script>
TODO
  • more style? more animation

License

MIT

0.2.3

4 years ago

0.2.4

4 years ago

0.2.2

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.0

4 years ago