vue-cary-gallery v0.1.4

Vue-Cary-Gallery

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

Usage

install

npm install vue-cary-gallery --save

Quickstart

// global
import VueCaryGallery from 'vue-cary-gallery'
require('vue-cary-gallery/dist/gallery.css')

Vue.use(VueCaryGallery)

// in your code
<vue-cary-gallery :list="list" /> // list must required

Options

example

<template>
    <vue-cary-gallery :list="list" />
</template>

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

    export default{
        components: {
            VueCaryGallery
        },
        data() {
            return {
                list: [
                    { 
                        src: 'http://xxx.com/1.png',
                        title: '1', // 
                        desc: 'The page 1'
                    },
                    { 
                        src: 'http://xxx.com/2.png',
                        title: '2', // 
                        desc: 'The page 2'
                    },
                    { 
                        src: 'http://xxx.com/3.png',
                    }
                ]
            }
        })
    }
</script>

TODO

• more style? more animation

License

MIT