fix: 修复popover样式全局化对其他组件造成的样式污染

This commit is contained in:
刘洪洪
2023-09-08 18:00:21 +08:00
parent ce7a8d7456
commit eb808b1471
4 changed files with 15 additions and 14 deletions

View File

@@ -98,7 +98,7 @@
<div v-if="relationshipDataOne.length===0 && !loadingRelationshipOne">-</div>
<div v-if="relationshipShowOne">
<el-popover placement="right-end" trigger="click" show-arrow="false" offset="20">
<el-popover popper-class="entity-detail__popover" placement="right-end" trigger="click" show-arrow="false" offset="20">
<template #reference>
<div class="data-item show-more-related">...</div>
</template>
@@ -122,7 +122,7 @@
<div v-if="relationshipDataTwo.length===0 && !loadingRelationshipTwo">-</div>
<div v-if="relationshipShowTwo">
<el-popover class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
<el-popover popper-class="entity-detail__popover" class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
<template #reference>
<div class="data-item show-more-related">...</div>
</template>

View File

@@ -106,7 +106,7 @@
<div v-if="relationshipDataOne.length===0 && !loadingRelationshipOne">-</div>
<div v-if="relationshipShowOne">
<el-popover placement="right-end" trigger="click" show-arrow="false" offset="20">
<el-popover popper-class="entity-detail__popover" placement="right-end" trigger="click" show-arrow="false" offset="20">
<template #reference>
<div class="data-item show-more-related">...</div>
</template>
@@ -128,7 +128,7 @@
<div v-if="relationshipDataTwo.length===0 && !loadingRelationshipTwo">-</div>
<div v-if="relationshipShowTwo">
<el-popover class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
<el-popover popper-class="entity-detail__popover" class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
<template #reference>
<div class="data-item show-more-related">...</div>
</template>

View File

@@ -137,7 +137,7 @@
<div v-if="relationshipDataOne.length===0 && !loadingRelationshipOne">-</div>
<div v-if="relationshipShowOne">
<el-popover placement="right-end" trigger="click" show-arrow="false" offset="20">
<el-popover popper-class="entity-detail__popover" tabindex="1" class="test-popover" placement="right-end" trigger="click" show-arrow="false" offset="20">
<template #reference>
<div class="data-item show-more-related">...</div>
</template>
@@ -160,7 +160,7 @@
<div v-if="relationshipDataTwo.length===0 && !loadingRelationshipTwo">-</div>
<div v-if="relationshipShowTwo">
<el-popover class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
<el-popover popper-class="entity-detail__popover" class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
<template #reference>
<div class="data-item show-more-related">...</div>
</template>
@@ -577,12 +577,4 @@ export default {
font-weight: 500;
}
}
.el-popper {
min-width: 90px !important;
width: auto !important;
max-width: 300px !important;
max-height: 180px !important;
overflow: scroll !important;
line-height: 24px !important;
}
</style>