美文网首页
web pc端添加多套iconfont图标

web pc端添加多套iconfont图标

作者: 馨予务心竞 | 来源:发表于2023-05-29 11:38 被阅读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>

    相关文章

      网友评论

          本文标题:web pc端添加多套iconfont图标

          本文链接:https://www.haomeiwen.com/subject/uyujedtx.html