【经验】扩展antdv的icon

在vue2中以symbol方式引用离线

一、在阿里图标库中选取需要的图标，组成自己的图标库。

www.iconfont.cn

 二、main.js中

//下载js文件到本地，引入图标扩展

import '@/views/gis/gisYZT/font_4703849_ah53x5ftac7.js';

三、在vue页面中直接使用

<svg class="icon" aria-hidden="true">

<use :xlink:href="`#${iconName}`"></use>

</svg>

vue中添加全局样式 （只加一次）

<style>

    .icon {

        width: 1em;

        height: 1em;

        vertical-align: -0.15em;

        fill: currentColor;

        overflow: hidden;

    }

</style>