element-ui 自定义el-popover弹出框的样式，以及弹出框的位置（相对于自身来说）

原来的样式

自定义样式以后的弹出框

popper-class=“area_popper” 给弹出框添加类名，设定自定义样式

.area_popper{
    background-color: #3d4451!important;
    border-radius: 6px!important;
    opacity: 0.9!important;
    font-size: 12px!important;
    color: #ffffff!important; 
    padding: 0!important;
    transform: translateY(12px);
}  

.showText{
    margin: 8px;
}
.popper__arrow::after{
    border-top-color: #3d4451!important;
}

样式要写到全局样式表中
自定义弹出的位置，要用到 transform平移和子自身的一个偏移量属性offset结合使用，达到预期效果；之前一直在考虑用定位，一直没有成功