jairogarcíarincón
01/05/2024
Contenidos
Introducción
Para finalizar el curso, en este componente mostraremos una página estática de información y créditos, a la que se accederá también desde los enlaces de los menús de navegación.
Todos los ficheros a modificar se encuentran dentro de la ruta /src/app/informacion.
El fichero informacion.component.ts
Este fichero será el encargado de importar todos los componentes necesarios para conseguir nuestro objetivo.
Modifica el fichero para que incluya el siguiente contenido y fíjate en los comentarios para entender bien su funcionamiento:
17-informacion.component.ts
El fichero informacion.component.html
En este fichero se muestra el contenido de la página.
Modifica el fichero para que corresponda al siguiente contenido:
18-informacion.component.html
El fichero informacion.component.scss
Por último, para dar estilo al contenido anterior, en este fichero añadiremos las clases necesarias para asegurarnos un diseño responsive y con modos claro y oscuro.
Modifica el fichero para que incluya el siguiente contenido, prestando atención a los comentarios:
19-informacion.component.scss
Las siguientes dos imágenes muestran cómo debería quedar el contenido, que es igual en escritorios y móviles, para los modos claro y oscuro, de la página de información:
Fuente: Elaboración propia
Fuente: Elaboración propia
Referencias
Divider
Publicado el 17 de Enero de 2025
angular angular material material sass diseño responsive