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