css - Material 图标未在Vue中导入

我安装了以下图标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应用程序。

最佳答案

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

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

关于css - Material 图标未在Vue中导入，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55994256/