86 lines
2.6 KiB
JavaScript
86 lines
2.6 KiB
JavaScript
import defProps from '../../libs/config/props.js';
|
||
export default {
|
||
props: {
|
||
// 图片地址
|
||
src: {
|
||
type: String,
|
||
default: () => defProps.image.src
|
||
},
|
||
// 裁剪模式
|
||
mode: {
|
||
type: String,
|
||
default: () => defProps.image.mode
|
||
},
|
||
// 宽度，单位任意
|
||
width: {
|
||
type: [String, Number],
|
||
default: () => defProps.image.width
|
||
},
|
||
// 高度，单位任意
|
||
height: {
|
||
type: [String, Number],
|
||
default: () => defProps.image.height
|
||
},
|
||
// 图片形状，circle-圆形，square-方形
|
||
shape: {
|
||
type: String,
|
||
default: () => defProps.image.shape
|
||
},
|
||
// 圆角，单位任意
|
||
radius: {
|
||
type: [String, Number],
|
||
default: () => defProps.image.radius
|
||
},
|
||
// 是否懒加载，微信小程序、App、百度小程序、字节跳动小程序
|
||
lazyLoad: {
|
||
type: Boolean,
|
||
default: () => defProps.image.lazyLoad
|
||
},
|
||
// 开启长按图片显示识别微信小程序码菜单
|
||
showMenuByLongpress: {
|
||
type: Boolean,
|
||
default: () => defProps.image.showMenuByLongpress
|
||
},
|
||
// 加载中的图标，或者小图片
|
||
loadingIcon: {
|
||
type: String,
|
||
default: () => defProps.image.loadingIcon
|
||
},
|
||
// 加载失败的图标，或者小图片
|
||
errorIcon: {
|
||
type: String,
|
||
default: () => defProps.image.errorIcon
|
||
},
|
||
// 是否显示加载中的图标或者自定义的slot
|
||
showLoading: {
|
||
type: Boolean,
|
||
default: () => defProps.image.showLoading
|
||
},
|
||
// 是否显示加载错误的图标或者自定义的slot
|
||
showError: {
|
||
type: Boolean,
|
||
default: () => defProps.image.showError
|
||
},
|
||
// 是否需要淡入效果
|
||
fade: {
|
||
type: Boolean,
|
||
default: () => defProps.image.fade
|
||
},
|
||
// 只支持网络资源，只对微信小程序有效
|
||
webp: {
|
||
type: Boolean,
|
||
default: () => defProps.image.webp
|
||
},
|
||
// 过渡时间，单位ms
|
||
duration: {
|
||
type: [String, Number],
|
||
default: () => defProps.image.duration
|
||
},
|
||
// 背景颜色，用于深色页面加载图片时，为了和背景色融合
|
||
bgColor: {
|
||
type: String,
|
||
default: () => defProps.image.bgColor
|
||
}
|
||
}
|
||
}
|