修改element表格组件的展开图标

1.把组件的原来的图标隐藏

使用deep对深层嵌套的dom进行修改

:deep(.el-table__expand-icon > .el-icon) {
    display: none !important;
  }

2.修改未展开的节点的图标

:deep(.el-table__expand-icon) {
    content: '\e6d9';
    background-image: url('@/assets/images/table-no-expand.png');
    background-repeat: no-repeat;   //背景图片不重复
    background-size: contain;  //背景图片占满背景
  }

3.修改展开节点的图标

:deep(.el-table__expand-icon--expanded) {
    content: '\e6d9';
    background-image: url('@/assets/images/table-expand.png');
    transform: rotate(0);
  }