el-popover 样式修改

el-popover 是 Element UI 库中的一个组件，用于创建弹出框。要修改 el-popover 的样式，可以通过以下几种方式：

1. **使用自定义类名**：
在 el-popover 组件中，可以通过 `popper-class` 属性添加自定义类名，然后在 CSS 中编写相应的样式。

   <el-popover
     popper-class="custom-popover"
     content="这是一个自定义样式的弹出框"
     placement="top"
     trigger="click">
     <el-button slot="reference">点击我</el-button>
   </el-popover>

   .custom-popover {
     background-color: #f9f9f9;
     border: 1px solid #dcdfe6;
     padding: 10px;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   }

2. **使用深度选择器**：
如果需要在父组件中修改子组件的样式，可以使用深度选择器（`>>>` 或 `/deep/`）。

   <template>
     <el-popover
       content="这是一个自定义样式的弹出框"
       placement="top"
       trigger="click">
       <el-button slot="reference">点击我</el-button>
     </el-popover>
   </template>

   <style scoped>
   .el-popover >>> .popper__content {
     background-color: #f9f9f9;
     border: 1px solid #dcdfe6;
     padding: 10px;