Element Plus 自定义样式失效解析
在使用 Element Plus 组件时，您可能会发现文档示例中的一些类名（例如 ep-bg-purple-dark 和 grid-content）在您的项目中无法生效。这是因为这些类名并非 Element Plus 组件库自带的通用样式，而是专门为官方文档示例页面而设计的。
Element Plus 官方文档的布局示例中，使用了这些自定义的类名来展示样式效果。这些类名通常定义在 Element Plus 项目的 docs/examples/layout/index.scss 文件（ep-bg-purple-* 类）或其他源码文件中（grid-content 类）。
因此，直接在您的项目中使用这些类名并不会产生预期的样式效果。要实现相同的视觉效果，您需要手动将这些样式复制到您的项目中。
以下是一个示例，展示了如何使用这些样式：
请注意，您需要从 Element Plus 的源码中找到并复制 ep-bg-purple-dark 和 grid-content 的样式定义，并将其粘贴到您的 块中。 这将确保这些类名在您的项目中生效。 建议您不要直接从文档示例中复制样式，因为这些样式可能不完整或与您的项目其他样式冲突。 请务必从 Element Plus 的源码中获取完整的样式定义。
