vue仿PC端163music图片滚动组件

介绍

这是一款模仿PC端网易云音乐的vue图片滚动插件

http://blog.shanamaid.top/2017/03/03/vue%E4%BB%BFPC%E7%AB%AF163music%E5%9B%BE%E7%89%87%E6%BB%9A%E5%8A%A8%E7%BB%84%E4%BB%B6/

Github项目地址-vue-image-scroll

在线文档和demo

欢迎各位dalao指点,star or PR!

安装与使用

安装

1

npm install vue-image-scroll

使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

 <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>

本地调试

1
2
3
4
5

git clone https://github.com/ShanaMaid/vue-image-scroll.git
npm install 
npm run dev

说明

项目使用vue-cli开发，源文件在src/components/Slider.vue中，lib中的index.js为压缩后的文件

开发遇到的问题

打包组件的时候遇到,loader error的问题，发现webpack2.0开始loaders中babel以及url等都需要写作babel-loader、url-loader