实现

button的icon属性自定义一个图标名称，这个自定义的图标名称会默认添加到button下i标签的class上，我们只需要设置i标签的样式就可以了

##3. 按钮上使用自定义的icon

完整代码

@click="checkAllTask">

查看任务

样式代码

::v-deep .el-icon-my-message {

background: url('../../assets/images/lookMsg.png') center no-repeat;

width: 21px;

height: 26px;

}

::v-deep .el-icon-my-message:before {

content: "替";

font-size: 20px;

visibility: hidden;

}

::v-deep .el-icon-my-message {

font-size: 16px;

}

::v-deep .el-icon-my-message:before {

content: "\e611";

}

相关文章

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：