Home

Awesome

vue-image-scroll

build build download

NPM

一个模仿网易云音乐的vue图片滚动插件

Live Demos

Documention

based on vue 2.0

Install

npm install vue-image-scroll 

Local

git clone  https://github.com/ShanaMaid/vue-image-scroll.git

#安装依赖
npm install 

#启动
npm run dev

Usage

<template>
  <div>
    <slider v-bind="setting">
  </div>
</template>

<script>
import slider from 'vue-image-scroll';

export default {
  components: {
    slider
  },
  data: function() {
    return {
      setting: {
        image: ['1.jpg', '2.jpg', '3.jpg']
      }
    }
  }
}
</script>          

Update

Opitions

Props

PropsTypeDefaultDescription
styleObjectObject{width:'750',height:'240'}scroll box style,please use lower camel case, eg: background-color => backgroundColor
imageArraynullimgae source path ,tagName,tagStyle; length >= 3
intervalInteger2000unit: ms, rolling interval
imgStyleObjectnullimage style, the same as styleObject
autoRollBooleantruetrue or false
directionStringleftscroll direction, left or right

To do

more!!

License

MIT