修改element-ui tree树结构前的图标，及树形结构的样式

因项目需求，需修改tree树结构的图标，以及树形的字体样式等；

代码如下：

<template>
    <div class="FormMaintain">
        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick">
            <span class="custom-tree-node" :class="data.class" slot-scope="{ node, data }">
                <span>
                    <i :class="data.icon"></i>{
  { node.label }}
                </span>              
            </span>
        </el-tree>
    </div>
</template>

<script>
export default {
    data() {
        return {
            data: [{
            label: '一级1',
            class:'secondOne',
            icon:'el-icon-star-on',
            children: [{
                label: '左岸1',
                class:'secondOne&#