Files
mes-ui-d2/docs/zh/components/icon.md
liyang e256d63b60 no message
Former-commit-id: 90b140d703fb3fce2bef2d98516293854ef9d014
Former-commit-id: a77a9d22757d33850b7366f9d603a920458a29e0
Former-commit-id: d8f16caa59b4ebe374d26c011f967e3dc7e4eef0
2018-06-10 09:21:26 +08:00

786 B

图标

参数

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

使用方法

基本

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

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

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

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

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

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

参考

图标索引

Font Awesome 中文网

fontawesome.com