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>
聯(lián)系客服