在assets中编写个css
.el-icon-one{
background-image: url('../../static/image/personal/1.png');
background-size:100% 100%;
width:20px;
height:20px;
}
.el-icon-two{
background-image: url('../../static/image/personal/2.png');
background-size:100% 100%;
width:20px;
height:20px;
}
.el-icon-three{
background-image: url('../../static/image/personal/3.png');
background-size:100% 100%;
width:20px;
height:20px;
}
.el-icon-four{
background-image: url('../../static/image/personal/4.png');
background-size:100% 100%;
width:20px;
height:20px;
}
.el-icon-five{
background-image: url('../../static/image/personal/5.png');
background-size:100% 100%;
width:20px;
height:20px;
}
.el-icon-six{
background-image: url('../../static/image/personal/6.png');
background-size:100% 100%;
width:20px;
height:20px;
}
.el-icon-seven{
background-image: url('../../static/image/personal/7.png');
background-size:100% 100%;
width:20px;
height:20px;
}
.el-icon-eight{
background-image: url('../../static/image/personal/8.png');
background-size:100% 100%;
width:20px;
height:20px;
}
.icon-nine{
background-image: url('../../static/image/personal/9.png');
background-size:100% 100%;
width:20px;
height:20px;
}
然后在编写的vue页面中使用<i class="el-icon-one"></i>