Vue ElementUI el-tooltip 全局样式修改

在Vue项目中，如果你想要修改ElementUI的el-tooltip组件的全局样式，你可以通过以下步骤进行：

1. 创建一个CSS文件，例如element-variables.scss。
2. 在这个文件中，你可以覆盖ElementUI的默认变量，或者直接写入你的自定义样式。
3. 在你的入口文件（通常是main.js或app.js）中，引入这个CSS文件。

以下是一个简单的例子：

1. 创建element-variables.scss：

/* element-variables.scss */
$tooltip-bg-color: #fafafa; /* 修改tooltip背景颜色 */
$tooltip-color: #333; /* 修改tooltip文本颜色 */
$tooltip-border-color: #eee; /* 修改tooltip边框颜色 */
 
/* 引入ElementUI的全部样式 */
@import "~element-ui/packages/theme-chalk/src/index";

2. 在main.js中引入这个文件：

// main.js
import Vue from 'vue';
import ElementUI from 'element-ui';
import './styles/element-variables.scss'; // 确保路径正确指向element-variables.scss文件
 
Vue.use(ElementUI);
 
// ... 其他代码

这样，你就可以全局修改el-tooltip组件的样式了。如果你只想修改特定的样式，你可以直接在element-variables.scss中添加CSS规则来覆盖ElementUI的默认样式。