材质图标未在Vue中导入

Question

我安装了以下图标npm软件包。

"material-icons": "^0.3.1"

我已将它们导入如下。

<style lang="sass">
$material-icons-font-path: '~material-icons/iconfont/';
@import '~material-icons/iconfont/material-icons.scss';
</style>

我正在按照以下方式使用他们的课程。

<i class="rotate_right"></i>

但是没有显示图标。我已经使用vue cli 3创建了vue应用程序。

Answer 1

与document中一样，您应该使用span，其中content是图标的名称。请尝试

<span class="material-icons">rotate_right</span>