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>

上一篇下一篇

猜你喜欢

热点阅读