现有需求将png图标直接引入iconfont.css中,例如在el-input的icon中直接使用,解决办法如下:
第一步:找到icons中的iconfont.css
第二步:引入图标,iconfont.css中添加如下代码
.icon_custom {
background: url('~@/assets/img/icons/custom.png');
height: 25px;
width: 25px;
background-size: 25px;
background-repeat:no-repeat;
display: block;
}
第三步:直接使用
<el-input
class="input_sty"
placeholder="请输入"
prefix-icon="icon_custom"
v-model="groupId">
</el-input>