vue-image-scroll仿網(wǎng)易云音樂(lè)的 vue 圖片滾動(dòng)插件

vue-image-scroll

一個(gè)模仿網(wǎng)易云音樂(lè)的 vue 圖片滾動(dòng)插件

安裝

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>

默認(rèn)值

  {
    styleObject:{
       width: '750',
       height: '250'
    }, //滾動(dòng)框樣式 寬度默認(rèn)750px 高度默認(rèn)250px 其余樣式小駝峰命名
        background-color => backgroundColor
    image: null, //圖片數(shù)組
    interval:2000, //滾動(dòng)間隔,單位ms,默認(rèn)2000
    imgStyle:null,//圖片樣式，寬度和高度不可設(shè)置，樣式名字小駝峰命名
    autoRoll:true, //自動(dòng)滾動(dòng)
    direction:left //滾動(dòng)方向, left or right
  }

示例