Tutorial de uso del bloque Content Card (tarjeta de contenido)

Hemos diseñado 3 formas de visualización para el bloque Content Card (tarjeta de contenido). Para maximizar la personalización del usuario, no hemos establecido una cantidad fija. Por lo tanto, si la disposición predeterminada de Content Card no es estéticamente adecuada, deberás usar el bloque „Columnas“ (Columns) dentro del diseño para restringir su posición y cantidad.

栏目区块

Crea una columna, haz clic en el signo más para agregar el bloque „Columnas“, selecciona la disposición integrada „Columnas“ y luego inserta „Content Card“.

Image

Por ejemplo, si elegimos una división 55 o 333, podemos colocar 2 o 3 Content Cards.

这是栏目布局

Esta es la disposición de columnas

La anulación de la selección de estilo se logra configurando la altura de la imagen para controlar la altura de visualización.

这是栏目布局

Esta es la disposición de columnas

Primero crea una columna, luego agrega Content Card

También puedes crear una disposición „Apilada“ (Stack) o „Cuadrícula“ (Grid).

堆叠和网格布局
堆叠布局+Content Card 内容卡片集区块

Disposición apilada + bloque Content Card (tarjeta de contenido)

Aquí se ha agregado el bloque „Apilada“ (Stack), y el estilo de Content Card seleccionado es „Horizontal“

Botón
堆叠布局+Content Card 内容卡片集区块

Disposición apilada + bloque Content Card (tarjeta de contenido)

Para lograr ancho completo de pantalla, en la configuración de Apilada, selecciona „Estirar elementos“ (Stretch items) en „Alineación“ (Alignment).

Botón
这是网格布局

Esta es la disposición de cuadrícula

La disposición de cuadrícula permite configurar manualmente la cantidad de elementos por fila

这是网格布局

Esta es la disposición de cuadrícula

Disposición „Cuadrícula“ (Grid) creada + Content Card

这是网格布局

Esta es la disposición de cuadrícula

Disposición „Cuadrícula“ (Grid) creada + Content Card

这是网格布局

Esta es la disposición de cuadrícula

Disposición „Cuadrícula“ (Grid) creada + Content Card

这是网格布局

Esta es la disposición de cuadrícula

Disposición „Cuadrícula“ (Grid) creada + Content Card

这是网格布局

Esta es la disposición de cuadrícula

Disposición „Cuadrícula“ (Grid) creada + Content Card

Consejo:

Haz clic en el icono de la esquina superior izquierda para ver los bloques utilizados en la página, lo que facilita la selección y configuración del bloque correspondiente.

Para agregar espacio entre bloques, puedes usar el „espaciador“

间隔区块