修改el-popper-container样式

在Vue.js中，`el-popover-container` 是 Element UI 中 Popover 组件内部的一个样式类名，它通常用于定位弹出层容器的位置。如果你想要修改这个组件的样式，你可以通过自定义主题、 scoped CSS 或者直接操作 DOM 来实现。

1. **自定义主题** (推荐): 如果你正在使用 Vue CLI 配合 Element Plus，可以在 `theme.config.js` 文件中配置主题，然后覆盖默认的 `popover-container` 样式。例如：

   module.exports = {
     components: {
       ElPopover: {
         customProperties: {
           '--popover-container-background-color': 'newColor', // 新的颜色值
         },
       },
     },
   };

2. **Scoped CSS** (针对单个组件): 在你的组件模板的 `<style>` 标签中编写 scoped 的样式，比如：

   <template>
     <el-popover :popper-class="customClass">
       <!-- ... -->
     </el-popover>
   </template>

   <script>
   export default {
     methods: {
       customClass() {
         return {
           '.el-popover__container': {
             backgroundColor: 'your-custom-color',
             /* 添加其他你需要修改的样式 */
           }
         };
       },
     },
   };
   </script>

3. **操作 DOM** (低级方法): 在 JavaScript 中找到元素并直接操作其样式，但这可能会导致样式污染全局。避免在生产环境中使用。

记得在修改完样式后，确保在浏览器的开发者工具中查看是否生效，并测试组件的行为是否正常。