css - 材质图标未在 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 应用程序。

标签： cssvue.jssassvuejs2google-material-icons

Answer 1

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

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