ai_uniapp_v2/uni_modules/uview-plus/components/u-image/props.js

import { defineMixin } from '../../libs/vue'
import ImageDefaultProps from './image'
import { registerComponentProps } from '../../libs/config/props.js'

const defProps = registerComponentProps(ImageDefaultProps)
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
        }
    }
})