0%

Vue引入icon图标方法

推荐icomoon网站下载icon图标

  • 1、进入icomoon网站点击右上角的IcoMoon App,选择自己需要的图标然后点击右下角的Generate Font,可以通过Preferences进行自定义,然后点击右下角的Download。

  • 2、这里得到一个文件夹,将文件夹中的fonts和style.css复制到项目的文件中。(_ 重点:style.css中@font-face的url路径是要修改成项目中的路径。_)

  • 3、在App.vue中引入这个文件,否则不生效:

    1
    import "../.."

    最后就可以在template中写相应的class啦