vue-image-scroll vue-image-scroll 介绍
vue-image-scroll
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
}
vue-image-scroll vue-image-scroll 官网
http://blog.shanamaid.top/vue-image-scroll/example/
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
