Material-ui: 如何使用图标？

创建于 2015-06-15 · 3评论 · 资料来源: mui-org/material-ui

我已经用npm install material-ui安装了库。
当我使用组件<FontIcon className='mui-icon-sort' />时，没有显示图标。
你知道如何解决这个问题吗？

资料来源

revskill10

👍3

最有用的评论

@checkraiser您需要在项目中添加Google 字体库才能使用带有<FontIcon>方法的图标。或者，您可以从 Google 网络字体<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">添加 Google 材料图标，并使用如下所述的图标：

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

mairh 于 2015-06-15

👍15

所有3条评论

<RaisedButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</RaisedButton>

<FloatingActionButton>
    <i className="material-icons" style={{color: 'white'}}>sort</i>
</FloatingActionButton>

mairh 于 2015-06-15

👍15

谢谢@mairh - 还有这个问题为库内的谷歌字体库提供支持。见#829

hai-cea 于 2015-06-19

@mairh我们不能使用 Material-UI 中的图标吗？
包括Google Material UI字体库破坏目的，也是48KB

amitparrikar 于 2018-01-28

此页面是否有帮助？

0 / 5 - 0 等级

Material-ui: 如何使用图标？

最有用的评论

所有3条评论

相关问题