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

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

   
                
统计所选日期下的门店下单数

 再对指定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

你可能感兴趣的:(vue.js,javascript,前端)