el-badge 垂直居中

要在 `el-badge` 中实现垂直居中，你可以使用 Flex 布局或者绝对定位来实现。下面是两种方法的示例：

1. 使用 Flex 布局：

<template>
  <div class="container">
    <el-badge>
      <div class="content">Badge Text</div>
    </el-badge>
  </div>
</template>

<style>
.container {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}

.content {
  /* 根据需要设置样式 */
}
</style>

2. 使用绝对定位：

<template>
  <div class="container">
    <el-badge>
      <div class="content">Badge Text</div>
    </el-badge>
  </div>
</template>

<style>
.container {
  position: relative;
  height: 100px; /* 设置高度 */
  /* 根据需要设置宽度和其他样式 */
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 垂直居中和水平居中 */
  /* 根据需要设置样式 */
}
</style>

以上示例中，`.container` 是包裹 `el-badge` 的容器，通过设置容器的样式来实现垂直居中。`.content` 是 `el-badge` 内部的内容，根据需要进行样式设置。

你可以根据自己的实际需求选择其中一种方式，并根据需要调整样式。希望能对你有所帮助！