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 {
//修改距离左边3pxleft: 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>