shanamaid / vue-image-scroll

a good vue-image-scroll component!

vue-image-scroll

一个模仿网易云音乐的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

vue-image-scroll's Issues

Usage在哪里可以修改配置文件，生成example中的静态网页？

点击图片跳转

作者你写的组件很赞啊，但是实际使用中想要点击图片跳转的需求估计也有。我在你代码上改了一下。因为是老项目，不知道作者还在不在维护。如果可以的话，我 fork 一下，提交个 PR 你看看？

强迫症想打你

为什么每次手动切换后，计时器不重置。这样导致图片会闪一下变成自己不想要的，或者干脆就转不过去。