mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-08-12 06:15:45 +08:00

* Add support to x vversion from npm

* Add support to x vversion from npm

* Add support to x vversion from npm

* Add documentation for current repository

2021-04-29 12:23:48 -04:00

1.9 KiB

Executable File

Raw Blame History

图标

如果你没有在本项目 Icon 中找到需要的图标，可以到 iconfont.cn 上选择并生成自己的业务图标库，再进行使用。或者其它 svg 图标网站，下载 svg 并放到文件夹之中就可以了。

生成图标库代码

首先，搜索并找到你需要的图标，将它采集到你的购物车里，在购物车里，你可以将选中的图标添加到项目中（没有的话，新建一个），后续生成的资源/代码都是以项目为维度的。

如果你已经有了设计稿，只是需要生成相关代码，可以上传你的图标后，再进行上面的操作。

现在本项目支持和推荐单独导出 svg 的引入使用方式。下载方式如下图：

下载完成之后将下载好的 .svg 文件放入 @/icons/svg 文件夹下之后就会自动导入。

使用方式

<svg-icon icon-class="password" /> // icon-class 为 icon 的名字

组件介绍

改变颜色

svg-icon 默认会读取其父级的 color fill: currentColor;

你可以改变父级的color或者直接改变fill的颜色即可。

:::tip 如果你遇到图标颜色不对，可以参照本issue进行修改 :::

详细文章

更多详细内容可阅读该文: 手摸手，带你优雅的使用 icon

目前可用图标

src/icons/svg

线上预览地址

1.9 KiB Executable File Raw Blame History

图标