Itqualityassurance
Las pantallas de esqueleto cumplen una función similar a los hilanderos y otras animaciones de carga: una señal visual que el usuario debe esperar un poco para que el contenido lo cargue. A diferencia de los hilanderos, sin embargo, las pantallas de esqueleto crean una ilusión de progreso.
- ¿Cuándo no debería usar el esqueleto cargando??
- Por qué usar la carga del esqueleto?
- ¿Qué es una carga de spinner??
- ¿Cómo se implementa la carga del esqueleto??
¿Cuándo no debería usar el esqueleto cargando??
Un cargador esqueleto no debe usarse en combinación con una ruleta, elija el que se adapte mejor al caso de uso.
Por qué usar la carga del esqueleto?
Una pantalla de esqueleto es un marcador de posición animado que simula el diseño de un sitio web mientras se están cargando datos. Le hacen saber al usuario que algún contenido se está cargando y, lo que es más importante, proporciona una indicación de lo que está cargando, ya sea una imagen, texto, tarjeta, etc.
¿Qué es una carga de spinner??
Un spinner de carga generalmente es un elemento de marca con una animación de bucle que indica que la carga está en proceso y donde aparecerá. Evite mostrar múltiples hilanderos de carga en una sola página.
¿Cómo se implementa la carga del esqueleto??
Crear un nuevo índice de archivo. html y escriba algunos html para el diseño dentro de un padre <div> con class = "perfil-contener". Agregar class = "Skeleton" a cada elemento para aplicar el efecto de carga de la pantalla del esqueleto. Eliminará esta clase cuando el contenido se cargue usando JavaScript.
