Imagen

Información general

El componente de Imagen se utiliza para mostrar imágenes en la interfaz de usuario. Este componente es un elemento clave para la visualización y se puede usar para mostrar fotos, ilustraciones y otros elementos gráficos.

Parámetros

Propiedades del componente

Grupo de configuraciones	Campo de configuración	Opciones de valor	Propósito
	Nombre	-	Nombre del componente de UI en el sistema
Común	Vinculación	Multiselección de Catálogo	Contiene un campo “Archivo” relacionado del modelo
	Archivo	Botón	Permite cargar un archivo con las extensiones .png, .jpg y .svg
	Mostrar imagen de marcador de posición	Verdadero, Falso	Visualización de la imagen de marcador de posición
	Sin imagen de marcador de posición	Elegir archivo del disco, elegir archivo del almacenamiento	Imagen de marcador de posición si no se carga ninguna imagen

Propiedades CSS

Grupo de configuraciones	Campo de configuración	Opciones de valor	Propósito
Diseño	Ancho	-	Ancho del componente
	Alto	-	Alto del componente
	Crecer	verdadero, falso	La propiedad determina cuánto crecerá un elemento en relación con el resto de los elementos flexibles dentro del mismo contenedor
	Margen	-	La propiedad define los rellenos exteriores en los cuatro lados del elemento
	Relleno	-	La propiedad establece los rellenos internos en todos los lados del elemento
Apariencia	Radio de esquina	-	La propiedad se utiliza para redondear las esquinas de un elemento
	Grosor del borde	-	La propiedad permite establecer los límites para el elemento
Brocha	Fondo	-	La propiedad establece el color de fondo del elemento
	Brocha del borde	-	La propiedad establece el color del borde del elemento

Casos

• Visualización de fotos: Se utiliza para mostrar fotos personalizadas, imágenes de productos y otros objetos.
• Ilustraciones y gráficos: Aplicable para mostrar ilustraciones, elementos gráficos y logotipos.

Excepciones

• Rendimiento: Usar imágenes grandes o múltiples en una página puede afectar el rendimiento.