Files
mes-ui-d2/docs/zh/components/icon.md
liyang 5e1f4e9a36 no message
Former-commit-id: e56d52ae1e817adb053f6d20bad490379bf6b8b7
Former-commit-id: b6641ea988e7dab68cc11ae212c32f32923e1cf3
Former-commit-id: a4e3d1e9d3998e7fb34266719f8d55980078dcfd
2018-06-10 08:51:27 +08:00

831 B

图标

参数

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

使用方法

基本

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

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

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

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

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

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

参考

图标索引

Font Awesome 中文网

fontawesome.com