elementUI table树默认箭头修改

 

element table 自带的箭头

elementUI table树默认箭头修改

 

  如何能替换成

效果

  elementUI table树默认箭头修改

 

方法很简单的,不用自己再去画

1  .el-icon-arrow-right {
2       color: #49c0ff;
3     }
4 
5 .el-table .el-table__expand-icon {
6     .el-icon-arrow-right:before {
7       content: ‘\e791‘;
8     }
9   }

关键是

 content: ‘\e791‘
这个代表着图标,获取方式也比较容易,那就是F12,获取官网上的图标对应的代码

elementUI table树默认箭头修改

 

 好了,结束了

 

elementUI table树默认箭头修改

上一篇:unicode 编码 ,utf8 utf16等等


下一篇:Qt 5种标准对话框及使用方法详解 QFileDialog、QcolorDialog、QFontDialog、QinputDialog、QMessageBox