61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
export default {
|
||
props: {
|
||
index: {
|
||
type: [Number, String],
|
||
default: ()=> uni.$u.props.lazyLoad.index
|
||
},
|
||
// 要显示的图片
|
||
image: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.lazyLoad.image
|
||
},
|
||
// 图片裁剪模式
|
||
mode: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.lazyLoad.mode
|
||
},
|
||
// 占位图片路径
|
||
loadingImg: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.lazyLoad.loadingImg
|
||
},
|
||
// 加载失败的错误占位图
|
||
errorImg: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.lazyLoad.errorImg
|
||
},
|
||
// 图片进入可见区域前多少像素时，单位rpx，开始加载图片
|
||
// 负数为图片超出屏幕底部多少距离后触发懒加载，正数为图片顶部距离屏幕底部多少距离时触发(图片还没出现在屏幕上)
|
||
threshold: {
|
||
type: [Number, String],
|
||
default: ()=> uni.$u.props.lazyLoad.threshold
|
||
},
|
||
// 淡入淡出动画的过渡时间
|
||
duration: {
|
||
type: [Number, String],
|
||
default: ()=> uni.$u.props.lazyLoad.duration
|
||
},
|
||
// 渡效果的速度曲线，各个之间差别不大，因为这是淡入淡出，且时间很短，不是那些变形或者移动的情况，会明显
|
||
// linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n);
|
||
effect: {
|
||
type: String,
|
||
default: ()=> uni.$u.props.lazyLoad.effect
|
||
},
|
||
// 是否使用过渡效果
|
||
isEffect: {
|
||
type: Boolean,
|
||
default: ()=> uni.$u.props.lazyLoad.isEffect
|
||
},
|
||
// 圆角值
|
||
round: {
|
||
type: [Number, String],
|
||
default: ()=> uni.$u.props.lazyLoad.round
|
||
},
|
||
// 图片高度，单位rpx
|
||
height: {
|
||
type: [Number, String],
|
||
default: ()=> uni.$u.props.lazyLoad.height
|
||
}
|
||
}
|
||
}
|