- 授权协议: MIT
- 开发语言: JavaScript HTML/CSS
- 操作系统: 跨平台
- 软件首页: http://blog.shanamaid.top/vue-image-scroll/example/
- 软件文档: https://github.com/ShanaMaid/vue-image-scroll
软件介绍
vue-image-scroll
一个模仿网易云音乐的 vue 图片滚动插件
安装
npm install vue-image-scroll
使用方法
<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>默认值
{
styleObject:{
width: '750',
height: '250'
}, //滚动框样式 宽度默认750px 高度默认250px 其余样式小驼峰命名
background-color => backgroundColor
image: null, //图片数组
interval:2000, //滚动间隔,单位ms,默认2000
imgStyle:null,//图片样式，宽度和高度不可设置，样式名字小驼峰命名
autoRoll:true, //自动滚动
direction:left //滚动方向, left or right
}
