el-tree 设置文字大小

在 Element UI 的 `el-tree` 组件中，如果你想设置节点的文字大小（比如字体大小），你可以通过自定义节点的 `label` 标签或者使用 `default-expand-icon-class` 和 `default-checked-icon-class` 来实现。这两个属性允许你添加 CSS 类名，然后在对应的 CSS 里定义 `.el-tree-node__label`、`.el-tree-node__expand-icon` 或 `.el-tree-node__check-icon` 等类的字体大小。

例如：

<template>
  <el-tree :data="treeData" :node-key="key" :default-expand-all="true">
    <span v-for="(item, index) in nodeLabelRender(item)" :class="{ 'custom-font-size': item.customSize }">{{ item.label }}</span>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: ...,
      key: 'id', // 节点唯一标识
      nodeLabelRender(h, { node }) {
        return {
          label: h('span', {
            class: {
              customFontSize: node.customSize ? 'your-custom-font-size' : ''
            }
          }, node.label)
        };
      }
    };
  },
  computed: {
    customFontSize(node) {
      // 这里可以根据你的需求动态计算或返回特定的字体大小
      return node.size ? `${node.size}px` : '14px';
    }
  }
};
</script>

<style scoped>
.el-tree-node__label.custom-font-size {
  font-size: {{ customFontSize }}; /* 可以在这里直接应用计算出的大小 */
}
</style>

在这个例子中，`customFontSize` 是一个计算属性，你可以根据实际需要设置节点的 `size` 属性，并将其转换为相应的像素值。