vue-image-scroll
v1.0.2
Published
A Vue components about image scroll from 163-music
Downloads
4
Readme
vue-image-scroll
一个模仿网易云音乐的vue图片滚动插件
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: {
imgSrc: ['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
- [x] Basics
- [x] add tag for image
more!!