1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- 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
- }
- }
- })
|