|
|
import { defineMixin } from '../../libs/vue' import defProps from '../../libs/config/props.js' export const props = defineMixin({ 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 } } })
|