图片切换,支持键盘事件
-
install vue-images-swipe
npm install vue-images-swipe --save
-
main.js import
import VueImagesSwipe from 'vue-images-swipe';
Vue.use(VueImagesSwipe);
<VueImagesSwipe :listData="imgList" :slideTime="2000" position="right" :keyStyleActive="{'font-size':'20px'}" @toggleCallback="_toggleCallback"></VueImagesSwipe>
* @param {Array} listData 列表数据
* @param {Number} slideTime 定时,默认 1000ms
* @param {Boolean} isShowTimer 是否显示定时器,默认显示
* @param {String} id 容器 ID
* @param {String} position 轮播-定位,默认有定位右侧
* @param {Boolean} isKeyboardEvents 是否支持键盘事件,默认不支持
* @param {Object} keyStyle key 样式
* @param {Object} keyStyle key 样式
* @param {Object} keyStyleActive key 选中样式
* @param {Function} toggleCallback 回调函数
ie9+ chrome firefox ...
vue node-sass sass-loader