仿网易云音乐的 vue 图片滚动插件 vue-image-scroll

• 授权协议: 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
  }

示例

本文地址：https://codercto.com/soft/d/13946.html