github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2026-10-28 13:31:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(用户详情): 抽屉布局样式改非 scoped，修复 teleport 后内边距不生效

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
吴昊天 2026-10-28 10:47:19 +08:00
parent d50837b663
commit 41d555e73f
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/admin/src/pages/user/list/handle/userDetails.vue
View File

@ -379,25 +379,7 @@ defineExpose({ modals, getDetails });
height: 100%;
}
}
.user-details-drawer {
:deep(.el-drawer) {
display: flex;
flex-direction: column;
}
:deep(.el-drawer__header) {
flex-shrink: 0;
margin-bottom: 0;
}
:deep(.el-drawer__body) {
padding: 20px 0 !important;
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
overflow: hidden;
box-sizing: border-box;
}
}
/* 布局类样式放下方非 scoped：抽屉 teleport 到 body，scoped 选择器匹配不到 */
.user-details-body {
display: flex;
flex-direction: column;
@ -417,7 +399,7 @@ defineExpose({ modals, getDetails });
:deep(.el-tabs__content) {
flex: 1;
min-height: 0;
padding: 0 35px 12px;
padding: 0 20px 12px;
overflow: hidden;
}
:deep(.el-tab-pane) {
@ -549,3 +531,25 @@ defineExpose({ modals, getDetails });
width: 100% !important;
}
</style>
<style lang="scss">
/* 抽屉 teleport 到 body，须非 scoped 才能盖住全局 variables.scss 的 20px 35px */
.user-details-drawer.el-drawer,
.user-details-drawer .el-drawer {
display: flex;
flex-direction: column;
}
.user-details-drawer .el-drawer__header {
flex-shrink: 0;
margin-bottom: 0;
}
.user-details-drawer .el-drawer__body {
padding: 20px 0 !important;
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
overflow: hidden;
box-sizing: border-box;
}
</style>