Aller au contenu

Image

Informations générales

Le composant Image est utilisé pour afficher des images dans l'interface utilisateur. Ce composant est un élément clé pour la visualisation et peut être utilisé pour afficher des photos, des illustrations et d'autres éléments graphiques.

Paramètres

Propriétés du composant

Groupe de paramètres Champ de paramètre Options de valeur Objectif
Nom - Nom du composant UI dans le système
Commun Liaison Multisélection de Catalogue Contient un champ “Fichier” associé du modèle
Fichier Bouton Permet de télécharger un fichier avec les extensions .png, .jpg et .svg
Afficher l'image de remplacement Vrai, Faux Affichage de l'image de remplacement
Pas d'image de remplacement Choisir un fichier sur le disque, choisir un fichier dans le stockage Image de remplacement si aucune image n'est chargée

Propriétés CSS

Groupe de paramètres Champ de paramètre Options de valeur Objectif
Mise en page Largeur - Largeur du composant
Hauteur - Hauteur du composant
Croître vrai, faux La propriété détermine dans quelle mesure un élément va croître par rapport aux autres éléments flex dans le même conteneur
Marge - La propriété définit les marges extérieures sur les quatre côtés de l'élément
Rembourrage - La propriété définit les rembourrages intérieurs sur tous les côtés de l'élément
Apparence Rayon des coins - La propriété est utilisée pour arrondir les coins d'un élément
Épaisseur de la bordure - La propriété permet de définir les limites de l'élément
Brosse Arrière-plan - La propriété définit la couleur de fond de l'élément
Brosse de bordure - La propriété définit la couleur de la bordure de l'élément

Cas d'utilisation

  • Affichage de photos : Utilisé pour afficher des photos personnalisées, des images de produits et d'autres objets.
  • Illustrations et graphiques : Applicable pour afficher des illustrations, des éléments graphiques et des logos.

Exceptions

  • Performance : L'utilisation d'images grandes ou multiples sur une page peut affecter la performance.