el-tooltip 的提示内容样式修改

`el-tooltip` 是 Element UI 框架中提供的一种轻量级的浮动提示信息组件，它通常用于显示鼠标悬停或点击元素时的额外说明信息。若你想修改其提示内容的样式，可以通过 CSS 或 Vue.js 的 scoped 样式来定制。以下是基本的步骤：

1. **CSS 风格修改**：
- 在你的项目全局 CSS 文件或单独的 `.css` 文件中，你可以选择 `el-tooltip__popper` 类来更改提示框的基本样式，例如背景颜色、字体大小、边距等：

     .el-tooltip__popper {
       background-color: #f0f0f0; /* 自定义背景色 */
       color: #333;
       font-size: 14px; /* 自定义字体大小 */
       padding: 5px 10px; /* 自定义内边距 */
     }

2. **Vue.js 局部样式**：
- 如果你想只针对特定的 `el-tooltip` 组件修改样式，可以在对应的组件模板的 `<style scoped>` 区域添加样例如下：

     <template>
       <div>
         <el-tooltip class="custom-tooltip" effect="dark">
           <i class="iconfont custom-icon"></i> 提示文字
         </el-tooltip>
       </div>
     </template>

     <style scoped>
       .custom-tooltip .el-tooltip__popper {
         background-color: #ff0000; /* 自定义红色背景 */
         color: white;
       }

       .custom-tooltip .custom-icon {
         font-size: 18px;
       }
     </style>

这里 `.custom-tooltip` 和 `.custom-icon` 是自定义的选择器名。