Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
lib
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

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

  • finish basics
  • image add tagName and tagStyle

Opitions

Props

Props Type Default Description
styleObject Object {width:'750',height:'240'} scroll box style,please use lower camel case, eg: background-color => backgroundColor
image Array null imgae source path ,tagName,tagStyle; length >= 3
interval Integer 2000 unit: ms, rolling interval
imgStyle Object null image style, the same as styleObject
autoRoll Boolean true true or false
direction String left scroll direction, left or right

To do

  • Basics
  • add tag for image

more!!

License

MIT

You can’t perform that action at this time.