FontAwesome图标

参数

参数名介绍必选值类型可选值默认值
name图标名称Stringfont-awesome所有图标名

使用方法

基本

// 这样用没有毛病 但是也没什么用
<nx-icon/>

// 指定图标名称
<nx-icon name="github"/>

// 设置行内样式
<nx-icon name="github" style="font-size: 100px;"/>

// 设置 class
<nx-icon name="github" class="icon-class-demo"/>

这个组件只是简化了写法而已

<nx-icon name="github"/>
// 等同于
<i class="fa fa-github" aria-hidden="true"></i>

参考

图标索引

Font Awesome 中文网

fontawesome.com