el-popover弹窗修改三角样式或者位置

el-popover中设置类名 popper-class="filepopver"，我这位置是placement="top-start"

   <el-popover placement="top-start" popper-class="filepopver" class="filename" width="300" trigger="hover">
                <div class="popoverTxt" style="color: #59595A;">
                 统计所选日期下的门店下单数
                </div>
                <i slot="reference" class="el-icon-info greyColor"></i>
              </el-popover>

 再对指定filepopver修改其样式，不然会全局污染

  .filepopver.el-popover[x-placement^=top] .popper__arrow {
//修改距离左边3px
    left: 3px !important;
  }

 如果位置是placement="bottom"，以下是全局修改，如果想修改单独页面，需同上加上类名

.el-popover[x-placement^=bottom] .popper__arrow{
        /*el-popover上边三角下层的颜色---也就是视觉上的边框*/
        border-bottom-color: rgba(54,229,255,1);
    }
    .el-popover[x-placement^=bottom] .popper__arrow::after{
        /*el-popover上边三角表层的颜色---也就是视觉上的角*/
        border-bottom-color: rgba(8,40,100,1);
    }
 

还需要注意的是！没有scoped

<style lang="scss">  </style>