书店商城网站建设方案,企业网站建设财务规划,大企业网站建设方案,三维设计官网实现#xff1a; button的icon属性自定义一个图标名称#xff0c;这个自定义的图标名称会默认添加到button下i标签的class上#xff0c;我们只需要设置i标签的样式就可以了。
1. 控制台显示的代码 2 .图片展示 3. 按钮上使用自定义的icon 完整代码#xff1a;
el-but…实现 button的icon属性自定义一个图标名称这个自定义的图标名称会默认添加到button下i标签的class上我们只需要设置i标签的样式就可以了。
1. 控制台显示的代码 2 .图片展示 3. 按钮上使用自定义的icon 完整代码
el-button iconel-icon-my-message sizemini typeprimary查看
/el-button样式代码 ::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;}
