本文主要介绍如何在使用Element Plus时，修改ElMessage中的文字大小

在使用Element-plus的Elmessage时使用默认的size无法满足我们的需求时，首先我们尝试可以在 CSS 中定义以下样式来修改 ElMessage 中文字的大小：

其中 16px 可以根据需要进行调整。之后在项目中引入这个 CSS 文件即可生效。

但是如果这样直接重写样式后，并没有起作用。

那么我们可以尝试使用::v-deep 深度选择器来修改 Element Plus 中 ElMessage 组件的样式。

首先，在需要修改样式的组件中，添加以下代码：

这里的 scoped 表示该样式只作用于当前组件。使用 ::v-deep 可以将样式选择器的作用域深度扩展到子组件中，然后通过选择器 .el-message__content 选择 ElMessage 组件中的内容区域，来修改字体大小。

注意事项：

如果使用以上方法仍然无效，我们可以通过动态添加CSS样式来修改Element Plus中ElMessage的文字大小。以下是一个示例：我们设置了.el-message__content选择器的字体大小为28px。您可以根据自己的需要调整字体大小。

这段 Vue 代码中有模板、脚本和样式三部分，下面逐一解释：

模板部分：该部分为空，表示该组件不会有任何模板内容。

脚本部分：该部分使用了新的 语法糖，用来声明组件的脚本部分。其中，通过 import 引入了 Element Plus 库中的 ElMessage 组件。接着，创建了一个 元素，并设置了样式内容，然后将该元素添加到 document.body 中，以修改全局的 .el-message__content 样式。最后，通过调用 ElMessage 函数，展示了一个提示框，内容为“测试提示”，类型为“warning”，并且永久展示（duration=0）。

样式部分：该部分为空，表示该组件不需要任何样式。需要注意的是，前面已经在脚本部分中通过动态创建样式元素的方式，添加了全局样式，因此这里不需要再次添加样式。

综上，这段 Vue 代码的作用是全局修改了 Element Plus 组件库中所有提示框的内容字体大小，并展示了一个带有“测试提示”内容的警告提示框，该提示框将一直显示，直到手动关闭为止。