el-tree好看的样式

el-tree 是 element-ui 中的树形控件，它提供了一种美观的样式来展示树形结构的数据。以下是一个演示 el-tree 样式的例子：

<template>
  <el-tree :data="data" :props="defaultProps"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '一级 1',
          children: [
            {
              label: '二级 1-1',
              children: [
                {
                  label: '三级 1-1-1'
                },
                {
                  label: '三级 1-1-2'
                }
              ]
            },
            {
              label: '二级 1-2',
              children: [
                {
                  label: '三级 1-2-1'
                },
                {
                  label: '三级 1-2-2'
                }
              ]
            }
          ]
        },
        {
          label: '一级 2',
          children: [
            {
              label: '二级 2-1',
              children: [
                {
                  label: '三级 2-1-1'
                },
                {
                  label: '三级 2-1-2'
                }
              ]
            },
            {
              label: '二级 2-2',
              children: [
                {
                  label: '三级 2-2-1'
                },
                {
                  label: '三级 2-2-2'
                }
              ]
            }
          ]
        }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    };
  }
};
</script>

这个例子展示了一个简单的树形结构，每个节点都有一个标签来表示其内容。el-tree 提供了默认的样式，使得树形结构看起来美观且易于阅读。你可以根据自己的需求来自定义 el-tree 的样式。