当前位置: 首页 > Web前端 > JavaScript

网站客服系统_在线客服系统源码_vue.js项目开发(四)导入iconfont图标代码

时间:2023-03-27 01:21:18 JavaScript

正常导入模式是这样的首先需要在iconfont.cn上创建一个账号,添加图标。然后在页面的head标签中添加iconfont的链接代码,例如:最后使用如下方法在页面中使用图标:其中“iconfont”为必填项,“”为你选择的图标的代码。注意:每个图标的编码不同,请更换为您自己的图标编码。选择图标后,点击下载代码。在vuejs项目中,需要将代码放在assets目录下。新建一个icon目录,放到main.js中。在代码中导入'@/assets/icon/iconfont.css'。使用class

在iconfont会员中心可以看到class的效果如图,以及唯一在线客服(gofly.v1kf.com),使用图标按钮