uview-next/components/u-image/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';

export default defineProps('image', {
    // 图片地址
    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'
    },
    // 圆角，单位任意
    round: {
        type: [String, Number],
        default: 0
    },
    // 是否懒加载，微信小程序、App、百度小程序、字节跳动小程序
    lazyLoad: {
        type: Boolean,
        default: true
    },
    // 开启长按图片显示识别微信小程序码菜单
    showMenuByLongpress: {
        type: Boolean,
        default: true
    },
    // 加载中的图标，或者小图片
    loadingIcon: {
        type: String,
        default: 'photo'
    },
    // 加载失败的图标，或者小图片
    errorIcon: {
        type: String,
        default: 'error-circle'
    },
    // 是否显示加载中的图标或者自定义的slot
    showLoading: {
        type: Boolean,
        default: false
    },
    // 是否显示加载错误的图标或者自定义的slot
    showError: {
        type: Boolean,
        default: false
    },
    // 是否需要淡入效果
    fade: {
        type: Boolean,
        default: false
    },
    // 只支持网络资源，只对微信小程序有效
    webp: {
        type: Boolean,
        default: false
    },
    // 过渡时间，单位ms
    duration: {
        type: [String, Number],
        default: 500
    },
    // 背景颜色，用于深色页面加载图片时，为了和背景色融合
    bgColor: {
        type: String,
        default: '#f3f4f6'
    }
})