95 lines
1.9 KiB
JavaScript
95 lines
1.9 KiB
JavaScript
|
export default {
|
|||
|
|
props: {
|
|||
|
|
// 图片地址
|
|||
|
|
src: {
|
|||
|
|
type: String,
|
|||
|
|
default: ''
|
|||
|
|
},
|
|||
|
|
// 裁剪模式
|
|||
|
|
mode: {
|
|||
|
|
type: String,
|
|||
|
|
default: 'aspectFill'
|
|||
|
|
},
|
|||
|
|
// 宽度，单位任意
|
|||
|
|
width: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: '300'
|
|||
|
|
},
|
|||
|
|
// 高度，单位任意
|
|||
|
|
height: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: '225'
|
|||
|
|
},
|
|||
|
|
// 图片形状，circle-圆形，square-方形
|
|||
|
|
shape: {
|
|||
|
|
type: String,
|
|||
|
|
default: 'square'
|
|||
|
|
},
|
|||
|
|
// 圆角，单位任意
|
|||
|
|
radius: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: 0
|
|||
|
|
},
|
|||
|
|
// 是否懒加载，微信小程序、App、百度小程序、字节跳动小程序
|
|||
|
|
lazyLoad: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: true
|
|||
|
|
},
|
|||
|
|
// 是否开启observer懒加载，nvue不生效
|
|||
|
|
observeLazyLoad: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
// 开启长按图片显示识别微信小程序码菜单
|
|||
|
|
showMenuByLongpress: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: true
|
|||
|
|
},
|
|||
|
|
// 加载中的图标，或者小图片
|
|||
|
|
loadingIcon: {
|
|||
|
|
type: String,
|
|||
|
|
default: 'photo'
|
|||
|
|
},
|
|||
|
|
// 加载失败的图标，或者小图片
|
|||
|
|
errorIcon: {
|
|||
|
|
type: String,
|
|||
|
|
default: 'error-circle'
|
|||
|
|
},
|
|||
|
|
// 是否显示加载中的图标或者自定义的slot
|
|||
|
|
showLoading: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: true
|
|||
|
|
},
|
|||
|
|
// 是否显示加载错误的图标或者自定义的slot
|
|||
|
|
showError: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: true
|
|||
|
|
},
|
|||
|
|
// 是否需要淡入效果
|
|||
|
|
fade: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: true
|
|||
|
|
},
|
|||
|
|
// 只支持网络资源，只对微信小程序有效
|
|||
|
|
webp: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
// 过渡时间，单位ms
|
|||
|
|
duration: {
|
|||
|
|
type: [String, Number],
|
|||
|
|
default: 500
|
|||
|
|
},
|
|||
|
|
// 背景颜色，用于深色页面加载图片时，为了和背景色融合
|
|||
|
|
bgColor: {
|
|||
|
|
type: String,
|
|||
|
|
default: '#f3f4f6'
|
|||
|
|
},
|
|||
|
|
// nvue模式下 是否直接显示，在uv-list等cell下面使用就需要设置
|
|||
|
|
cellChild: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
...uni.$uv?.props?.image
|
|||
|
|
}
|
|||
|
|
}
|