we-vue-slider
vue-slider
a vue slider component
Quickstart
require('we-vue-slider/dist/vue-slider.css');
// in ES6 modules
import { slider, sliderItem } from 'we-vue-slider';
// in CommonJS
const { slider, sliderItem } = require('we-vue-slider');
// in Global variable
const { slider, sliderItem } = VueSlider;
Vue.component('c-slider',slider);
Vue.component('c-sliderItem',sliderItem);
<c-slider class="slider" :loop="true">
<c-slider-item v-for="n in list" :key="'slider' + n">
<div class="slide">{{n}}</div>
</c-slider-item>
</c-slider>
Params
slider
speed
: the scroll speed every swipeloop
: whether scroll loop, default is trueauto
: whether scroll autoplay,defalut is true
Preview
Dependencies
Dependencies
autoprefixer: ^6.5.2babel-core: ^6.18.0babel-loader: ^6.2.6babel-plugin-component: ^0.9.0babel-preset-es2015: ^6.18.0babel-preset-stage-2: ^6.18.0clean-webpack-plugin: ^0.1.13copy-webpack-plugin: ^4.0.0css-loader: ^0.25.0extract-text-webpack-plugin: 2.1.0file-loader: ^0.9.0node-sass: ^4.5.3ora: ^0.3.0path: ^0.12.7postcss-flexible: ^0.4.1postcss-loader: ^1.1.0postcss-plugin-px2rem: ^0.7.0sass-loader: ^4.0.2shelljs: ^0.7.5style-loader: ^0.13.1url-loader: ^0.5.7vue-loader: ^11.1.4vue-style-loader: ^2.0.0vue-template-compiler: 2.4.4webpack: ^2.7.0webpack-config: ^6.2.1webpack-merge: ^0.15.0