Files
mes-ui-d2/docs/zh/components/icon.md
liyang 88bcdd6d6f no message
Former-commit-id: 9c99fa78c3e9d9453e748436f0145eb22284db16
Former-commit-id: 514ae0d6194941cd08584367b1970c2e610d99d5
Former-commit-id: beaede8116f4791cdf772b2848f849b04e1a6ee9
2018-06-03 19:30:57 +08:00

801 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>

参考

图标索引

Font Awesome 中文网

fontawesome.com