antd使用iconfont阿里图标库,在线或者离线引入本地js使用

antd使⽤iconfont阿⾥图标库，在线或者离线引⼊本地js使⽤

在antd例⼦中看到使⽤⽅法了，问题是这个scriptUrl是怎么来的？这个其实是⾃⼰在阿⾥图标库中项⽬⾥的⽣成的⼀个链接。

另外有时，我们不想⽤⽹络的，要引⼊⽤本地的js，也是可以的。具体操作如下：

1.去图标库，登录

2.在众多库中选择需要的图标，然后点击⼊库，点击页⾯右上⾓的购物车图标，就可以看到刚⼊库的图标

3.然后添加到项⽬，没有的可以在这步创建⼀个项⽬

4.在项⽬中，我们选中symbol这种，点击旁边查看连接，这个链接就是我们要⽤到的scriptUrl ，下⾯图标我们都可以使⽤，只要复制图标代码，填写在type就可以了；

使⽤⽹络js

离线浏览

const IconFont = createFromIconfontCN({

scriptUrl: 'at.alicdn/t/fontxxxxsssss.js',

});

使⽤本地js

1.先把⽹上js下载下来，在浏览器地址栏输⼊也是上⾯说⽣成的scriptUrl 回车，就看到js代码了，然后复制保存到js⽂件。（如abcIconFont.js）

2.把abcIconFont.js放在public⽂件夹中，然后就可以在scriptUrl中写本地的js了，直接写即可，不需要加路径。

const IconFont = createFromIconfontCN({

scriptUrl: 'abcIconFont.js',

});

本文发布于:2024-09-21 00:38:14，感谢您对本站的认可！

标签：图标点击复制浏览器代码离线

留言与评论（共有 0 条评论）