Ir para o conteúdo

Imagem

Informações gerais

O componente Imagem é utilizado para exibir imagens na interface do usuário. Este componente é um elemento chave para visualização e pode ser usado para exibir fotos, ilustrações e outros elementos gráficos.

Parâmetros

Propriedades do componente

Grupo de configurações Campo de configuração Opções de valor Propósito
Nome - Nome do Componente de UI no sistema
Comum Vínculo Multiseleção de Catálogo Contém um campo “Arquivo” relacionado do modelo
Arquivo Botão Permite que você faça o upload de um arquivo com as extensões .png, .jpg e .svg
Mostrar imagem de espaço reservado Verdadeiro, Falso Exibição da imagem de espaço reservado
Sem imagem de espaço reservado Escolher arquivo do disco, escolher arquivo do armazenamento Imagem de espaço reservado se nenhuma imagem for carregada

Propriedades CSS

Grupo de configurações Campo de configuração Opções de valor Propósito
Layout Largura - Largura do componente
Altura - Altura do componente
Crescer verdadeiro, falso A propriedade determina quanto um elemento crescerá em relação aos outros elementos flex dentro do mesmo contêiner
Margem - A propriedade define os preenchimentos externos em todos os quatro lados do elemento
Preenchimento - A propriedade define os preenchimentos internos em todos os lados do elemento
Aparência Raio de Canto - A propriedade é usada para arredondar os cantos de um elemento
Espessura da Borda - A propriedade permite definir os limites para o elemento
Pincel Fundo - A propriedade define a cor de fundo do elemento
Pincel da Borda - A propriedade define a cor da borda do elemento

Casos

  • Exibição de Fotos: Usado para exibir fotos personalizadas, imagens de produtos e outros objetos.
  • Ilustrações e Gráficos: Aplicável para exibir ilustrações, elementos gráficos e logotipos.

Exceções

  • Desempenho: O uso de imagens grandes ou múltiplas em uma página pode afetar o desempenho.