Icono Svg
Componente de icono global: Icono Svg.
De forma predeterminada, el componente Svg Icon se registra en @/icons, y puede ser Utilizado en cualquier parte del proyecto. Todos los iconos se pueden encontrar en @/icons/svg. Puede agregar o eliminar el ícono por usted mismo, y el ícono se importará automáticamente sin operación manual.
Uso
<!-- usa la clase de iconos para configurar el nombre; usa `class-name` para personalizar la clase -->
<svg-icon icon-class="password" class-name='custom-class' />
Cambiar color
Por defecto, svg-icon
lee su color primario fill: currentColor;
Puedes cambiar el color
del padre o directamente el color del fill
(o relleno).
v4.2.0+
Import from urlSupport import svg
from external url. E.g:
<svg-icon icon-class="https://xxxx.svg />
Tamaño
Si está descargando un ícono de iconfont, recuerde usar una herramienta como Sketch para especificar el tamaño del ícono. De lo contrario, el tamaño de los iconos en el proyecto puede no ser uniforme.
Los iconos utilizados en este proyecto son todas las especificaciones de tamaño 128*128.
TIP
Si encuentra el color incorrecto del icono, puede consultar el issue para modificarlo