1 .将选中的图标放入购物车
2 .您可以添加到项目中,然后选择现有项目或新项目
3 .然后进入项目,单击以本地下载
4 .将下载的文件放入相应的目录中
方法可以打开并显示上图中的index.html
图标使用symbol的部署方法
1 .注意使用vue时必须将iconfont.js文件引入到main.js中,并使用import引用
(使用普通单色图标引入的是inconfont.css文件。)
2.vue项目将以下代码放入app.js,普通项目使用iconfont浏览本页面即可
3 .选择相应的iconfont图标,获取类名并使用
style.icon { width: 1em; 高: 1em; 垂直对准:-0.15 em; fill: currentColor; Overflow :隐藏; }/stylesvgclass=' icon ' aria-hidden=' true ' use xlink : href=' # icon-XXX '/use/SVG