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

MIT
JavaScript HTML/CSS
跨平台
2017-03-21
ShanaMaid

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
  }

示例

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

vue 查关插件

vue 拖动效果 vue-slicksort : https://github.com/Jexordexan/vue-slicksort https://github.com/redgang/redx-vue vue-image-scroll : npm install vue-image-scroll http://www.oschina.n...

2018/09/29 15:39
5
0
前端那些事之插件

背景动画

2017/11/08 18:01
18
0
vue插件

UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vu...

2018/12/25 10:43
50
0
Vue相关组件集合

内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vu...

2018/08/28 14:58
84
0
Vue实现一个图片懒加载插件

前言 图片懒加载是一个很常用的功能,特别是一些电商平台,这对性能优化至关重要。今天就用vue来实现一个图片懒加载的插件。 这篇博客采用“三步走”战略——Vue.use()、Vue.direction、Vue...

04/01 19:15
13
0
vue笔记

添加devtools https://github.com/vuejs/vue-devtools#vue-devtools vue的computed属性 有缓存,methods属性没有缓存 vue实例中的data是属性 可以定义对象,Vue.component中的data是方法 需要...

2017/08/28 04:10
144
0
Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material...

2018/10/10 16:58
34
0
下拉刷新等移动端特效资料

1.dropload 2.dropload.js(上拉加载插件使用过程中遇到的坑) 3.mescroll 4.listloading 一个移动端的上拉、下拉加载更多的组件 5.BetterScroll 是一款重点解决移动端各种滚动场景需求的开源...

2018/12/26 18:16
21
0
Vue开发与调试工具--调试工具篇

主要讲三个东西: Vue.js devtools开发工具的使用 使用debugger和sourcemap调试Vue组件 vscode中调试Vue组件 Vue.js devtools开发工具的使用 在Chrome或Firefox浏览器的扩展插件仓库里搜vue...

2018/11/30 14:20
125
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部