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

舒枫涟
2023-12-01

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
  }
 类似资料: