Element UI Table：调整 Label 大小和行间距

要使 label 的值变大，可以通过在 el-table-column 中设置一个 span 标签，并设置其样式来实现。每行的距离变高，可以通过设置 el-table 的 row-height 属性来实现。

以下是修改后的代码示例：

<el-table :data="tableData" :border="true" style="width: 100%;" :row-height="40">
  <el-table-column prop="id" label="ID">
    <template #default="{ row }">
      <span style="font-size: 30px;">{{ row.id }}</span>
    </template>
  </el-table-column>
  <el-table-column prop="name" label="类别名">
    <template #default="{ row }">
      <span style="font-size: 20px;">{{ row.name }}</span>
    </template>
  </el-table-column>
  <el-table-column label="操作">
    <template #default="{ row }">
      <el-button type="info" @click="AddEditMenus(row.id)">编辑</el-button>
      <el-button type="danger" @click="delet(row.id)">删除</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，我设置了 span 标签的 font-size 属性来改变 label 的值的大小，通过调整 row-height 属性的值来改变每行的高度。你可以根据需要调整这些值。