Vue introduce efectos de desplazamiento para iconos svg.

Los íconos svg se usan a menudo en proyectos y van acompañados de efectos de desplazamiento. Mucha gente en Baidu dice que esto se puede lograr modificando el atributo de relleno, pero el resultado es que no tiene ningún efecto. Echemos un vistazo a cómo lo modifiqué. Este tutorial presenta cómo introducir svg y modificar el color svg en vue. Si desea ver cómo modificar directamente el color svg, consulte la parte inferior.

Luego regístrelo en mian.js

El dibujo en color svg generalmente se realiza usando relleno.

Mire la propiedad de relleno en la parte superior, es una propiedad none, lo que hace que sea más fácil para nuestra interfaz cambiarla más tarde usando color. Tenga en cuenta que esto sólo funciona con iconos svg de un solo color. La propiedad de relleno debe cambiarse a fill=currentColor. ¡Estos dos atributos deben usarse al mismo tiempo para tener efecto!

Los colores svg solo se pueden modificar mediante colores css.