Versiones comparadas

Clave

  • Se ha añadido esta línea.
  • Se ha eliminado esta línea.
  • El formato se ha cambiado.

¡OJO! Los estilos están todavía en desarrollo, esto es una versión alpha.

Disponemos de un showcase de componentes con el estilo corporativo (y su código correspondiente): FUNDEWEBJS SHOWCASE

Disponemos de estilos Disponemos de unos css para adaptar los componentes de Primevue (versión 2.4.2)al estilo corporativo de la UMU. Próximamente estará disponible como un paquete en el reposiotrio Verdaccio, para poder instalarlo con npm i, pero de momento tenemos que meter los archivos en nuestro proyecto a mano.

Para ello, tenemos que descargar este archivo: estiloUMU.rar

Tenemos que descomprimirlo dentro de src/assets/

Se puede ver una muestra de éstos, así como el código utilizado, en el siguiente showcase: FUNDEWEBJS SHOWCASE.

Cómo importar el estilo corporativo

Lo siguiente ya está incluido en el proyecto Portal UI.

tenemos que importar el css principal en nuestro main.js (Una vez hecho, sólo tendremos que importar el archivo css principal en nuestro main.js, después de haber importado los estilos de Primevue, pues lo que hacemos es sobreescribir algunos de ellos), e incluir el mixin que aplica correcciones javascript, añadiendo:

Bloque de código
languagejs
import "@mncs// Estilos Primevue
...

// Estilo corporativo
import "./assets/estiloUMU/fdwjs.css"fwjs-components/estiloUMU.css";

import mixinFixEstiloUMU from "@mncs/fwjs-components/estiloUMU/mixinFixEstiloUMU.js";
Vue.mixin(mixinFixEstiloUMU);