项目里面直接在样式里面加/deep/仍无法修改el-popover的样式,原因:
el-popover并没有在app里面,只需要给el-popover组件加一句代码挂载去父元素上面::append-to-body="false"
这时候再看,el-popover已经在app里面了,
只需要在style里面写样式就好了。
/deep/.el-popper[x-placement^="bottom"]{}
第一种方法试了不行,第二种方法
<el-popover
placement="bottom"
v-if="type === 'node'"
trigger="hover"
popper-class="my-el-popover"
content="节点大屏">
<i-icon name="node-screen" class="node-monitor" slot="reference"></i-icon>
</el-popover>
注意popper-class="my-el-popover"这个属性
<style lang="scss">
.el-popover.my-el-popover {
min-width: 0;
padding: 8px;
font-size: 14px;
font-family: SourceHanSansSC-Regular, SourceHanSansSC;
font-weight: 400;
color: #323B4C;
}
</style>
注意:1、不要加/deep/否则样式不生效,2、.el-popover.my-el-popover这样写 3、不要加scoped