Svg Icon 图标
全局 Svg Icon 图标组件。
默认在 @/icons 中注册到全局中,可以在项目中任意地方使用。所以图标均可在 @/icons/svg。可自行添加或者删除图标,所以图标都会被自动导入,无需手动操作。
使用方式
<!-- icon-class 为 icon 的名字; class-name 为 icon 自定义 class-->
<svg-icon icon-class="password" class-name='custome-class' />
改变颜色
svg-icon
默认会读取其父级的 color fill: currentColor;
你可以改变父级的color
或者直接改变fill
的颜色即可。
TIP
如果你遇到图标颜色不对,可以参照本issue进行修改
详细文章
更多详细内容 可阅读该文: 手摸手,带你优雅的使用 icon