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

联合创作 · 2023-09-29 16:29

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
  }

示例

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报