antdv 中 a-popover 气泡卡片样式修改不生效的问题
因为 popover 元素添加到了 body 下面,增加下面这几行加粗的代码,将 popover 添加到它原本的父级下面,就可以用 ::v-deep 去修改样式啦
<a-popover
v-show="item.children"
:getPopupContainer="triggerNode => {
return triggerNode.parentNode
}"
>
<template slot="content">
<div v-for="data in item.children" :key="data.url">
<span @click="handleJumpSystem(data.url)" class="system-child-link">{{ data.name }}</span>
</div>
</template>
<div class="flex-layout">
{{ item.name }}
</div>
</a-popover>
生活是痛苦的白天,死亡是凉爽的夜晚。