el-tooltip样式长度统一修改

在 Element UI 中，`el-tooltip` 是一个用于显示文本提示的轻量级组件。如果你想修改 `el-tooltip` 的样式长度，使其全局统一，你可以通过 CSS 方式来实现。以下是一个基本的步骤：

1. 首先，找到你需要覆盖的默认样式。`el-tooltip` 的默认样式通常定义在 Element UI 的主题文件（如 `~@/theme-chalk/src/components/tooltip/style.css` 或 `~element-ui/packages/theme-chalk/src/components/tooltip/style.css`）中。

2. 在你的项目样式表中（例如 `main.css`, `app.css` 或一个新的 SCSS 文件），添加一个新的类，比如 `.custom-tooltip`，然后覆盖默认的 `el-tooltip` 类。

.custom-tooltip {
  .el-tooltip__content {
    width: <your-desired-width>; /* 用你需要的宽度替换 <your-desired-width> */
    max-width: <your-max-width>; /* 如果需要设定最大宽度 */
    line-height: <your-line-height>; /* 如果需要改变行高 */
  }
}

这里的 `<your-desired-width>` 是你需要的提示框宽度，`<your-max-width>` 是最大宽度，`<your-line-height>` 是行高。

3. 使用这个新的自定义类来替换你的元素中的 `el-tooltip`，例如：

<el-button v-bind:class="{ customTooltip: true }">
  我有一个定制的提示
</el-button>

4. 保存并刷新页面，你应该能看到 `el-tooltip` 的样式已经被修改为你的设置。