12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- import defprops from '../../libs/config/props';
- 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
- }
- }
- }
|