Vue HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
config
example
lib
src
static
.babelrc
.editorconfig
.gitattributes
.gitignore
.npmignore
.postcssrc.js
LICENSE
README.md
index.html
package.json
webpack.config.js

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