Files
mes-ui-d2/static/markdownFiles/article/组件 - 图标组件 - svg.md
李杨 fc8667bd05 no message
Former-commit-id: e53eb6f9a1aec5c29922346342f0f1490a8dee22
Former-commit-id: 5952c33f74a3221ffcdcd43d5e5fd785b8d37aef
Former-commit-id: f95df5675d25421fe527c4ac3b77140f24ab5341
2018-02-22 18:01:26 +08:00

812 B

参数

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

使用方法

基本

// 这样用没有毛病 但是也没什么用
<Icon></Icon>

// 指定图标名称
<Icon name="github"></Icon>

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

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

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

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

参考

演示图表来源 http://iconfont.cn/ @小啊小二饼 《2.5D工作日记》