小工具知识网

当前位置: 首页 > 行业知识 > vue+element ui中的el-button自定义icon图标

行业知识

vue+element ui中的el-button自定义icon图标

2026-11-12 02:21:09 来源:互联网转载

实现

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

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

完整代码

                              查看任务             

样式代码

    ::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";    }

上一篇:windows下忘记MySQL用户名与密码的办法(最新亲测可用)

下一篇:kook退出的服务器如何加上?