修改el-popover弹出样式的背景

修改注意点
1、popper-class=“popover”，给组件起一个类名，避免修改到其他样式。
2、placement=“right”，修改提示的箭头方向，默认是bottom，

 <el-popover
                        popper-class="popover"
                        placement="right"
                        content="文件支持类型：jpg,bmp,gif,png,jpeg,tif,pdf,docx,doc,xls,xlsx,pptx,ppt"
                        trigger="hover">
                        <el-button slot="reference" type="primary" plain>上传附件</el-button>
                    </el-popover>

注意点
下面这段代码单独放在.vue页面的另写的style

<style lang="less">
...修改el-popover样式
</style>
<style lang="less" scoped>
...其他样式隔离
</style>

注意：
1、可直接复制我下面的代码，不要自己写，如果非要自己写，注意
]+空格+.className ,中间是有个空格的；popper__arrow,这里是两个_ _
2、如果html中，placement="right"定义的是其他，eg：bottom/top等，
下方代码中right对应placement的值。border-right-color的right对应placement的值。

.popover[x-placement^='right'] .popper__arrow {
    border-right-color: #f56e48 !important;
}

.popover[x-placement^='right'] .popper__arrow::after {
    border-right-color: #f56e48 !important;
}
.popover.el-popover {
    color: white;
    background-color: #f56e48 !important;
    border-color: #f56e48 !important;
}

以上参考相关文章总结，写出注意点，避免踩坑~