web pc端添加多套iconfont图标
2023-05-29 本文已影响0人
馨予务心竞
1.从阿里图标库下载相应iconfont图标库
2.在对应文件夹下创建图标文件夹比如:src\components下创建iconfontMh(src\components\iconfontMh),然后将下载的font文件复制放入
3.在目录src\App.vue,下引入相应css
import "@/components/iconfontMh/iconfont.css"(注:如需引入多套,可重复这3个步骤,下载多套图标,创建多个图标文件夹,引入多个图标样式)
4.在对应页面标签中,通过阿里图标库找到对应名称,正常使用即可
<span >
<i class="iconfont icon-shouqi"></i>
</span>