element-ui提供的字體圖標(biāo)是很少的,所以我們需要集成其它圖標(biāo)來使用,nodejs的集成官方有說明,這里說明一下非nodejs開發(fā)集成圖標(biāo) 首先下載fontawesome,需要更改里面圖標(biāo)前綴,附件中已經(jīng)更改了,可以直接用 附件下載:fontawesome.zip 引用代碼如下: <link href="/your-path/font-awesome.min.css" rel="stylesheet" type='text/css' /> <style type="text/css"> [class^="el-icon-fa"], [class*=" el-icon-fa"] { display: inline-block; font: normal normal normal 14px/1 FontAwesome!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } </style> 使用如下: <i class="fa el-icon-fa-firefox"></i> <i class="el-icon-fa-hand-o-right"></i> <el-input icon="fa-tree"></el-input>
|
|