Vue 3D轮播插件vue-carousel-3d

效果图：

• 安装

npm install -S vue-carousel-3d

• 引入

在main.js全局引入： 

import Carousel3d from 'vue-carousel-3d';
Vue.use(Carousel3d);

• 使用

属性名	类型	作用	默认值	可选值
perspective	[Number, String]	非主slide朝内旋转的角度	35
display	[Number, String]	显示的slide的个数	5
loop	Boolean	是否循环轮播	true
animationSpeed	[Number, String]	切换动画的速度	500
dir	String	轮播旋转的方向	'rtl'	'rtl'、'ltr'
width	[Number, String]	slide的宽度	360
height	[Number, String]	slide的高度	270
border	[Number, String]	slide边框宽度	1
space	[Number, String]	非主slide的间隔宽度	'auto'	任意数字或默认值
startIndex	[Number, String]	主slide的index	0	slide总数内的任意值
clickable	Boolean	slide是否可点击	true
disable3d	Boolean	是否取消3D效果	false
minSwipeDistance	Number	能使slide产生滑动效果的鼠标最小移动距离	10
inverseScaling	[Number, String]	非主slide离屏幕的距离	300
controlsVisible	Boolean	左右控制器是否显示	false
controlsPrevHtml	String	左控制器文本	'& lsaquo;'(无空格)
controlsNextHtml	String	右控制器文本	'& rsaquo;'(无空格)
controlsWidth	[String, Number]	控制器宽度	50
controlsHeight	[String, Number]	控制器高度	50
oneDirectional	Boolean	只在左或右显示slide	false