vue-image-scroll 仿网易云音乐的 vue 图片滚动插件 项目简介
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
}示例
<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
}示例