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.
