0.2.0 • Published 3 years ago
fly-img-swiper v0.2.0
飞翔的图片
Use
cnpm i fly-img-swiper --S
import FlyImgSwiper from 'fly-img-swiper'
Vue.component('FlyImgSwiper', FlyImgSwiper)
<fly-img-swiper ref="flyImgSwiper" :img-list="imgList" @handelClick="handelClick"/>
imgList = [
{
src: require(`./img/${i + 1}.jpg`),
}
]
// 内置方法
// type 可选 'pause', 'play', 'restart', 'reverse'
this.$refs.flyImgSwiper.setStatus(type)
Atributos
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
imgList | 基础图片数据 | Object | {src:""} 必填项 | - |
perspective | 视距 | Number | - | 1000 |
randomNum | 随机位置参数 | Number | - | 40 |
row | 行 | Number | - | 5 |
column | 列 | Number | - | 5 |
baseZ | 初始视距 Z轴 | Number | - | -400 |
overZ | 消失视距 Z轴 | Number | - | 600 |
speed | 速度 | Number | - | 10000 |
transforms | 动画方式 | String | - | translateZ |