材料图标未在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

与文档中一样，您应该将跨度与content是图标的名称使用。请尝试

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

Answer 2

您的导入语句中似乎有错字...

@import '~material-icons/iconfont/material-icons.scss'; whereas it should be @import '~material-icons/iconfont/material-icons.css';

对我来说，在@import '../../node_modules/material-design-icons/iconfont/material-icons.css';工作时给出路径！