From efc75e2608b05fef8a86594e9b53275e73297fcb Mon Sep 17 00:00:00 2001 From: YunaiV Date: Fri, 19 Jun 2026 02:11:26 -0700 Subject: [PATCH] =?UTF-8?q?fix(im):=20=E4=BF=AE=E5=A4=8D=20antd=20next=20?= =?UTF-8?q?=E4=B8=80=E4=BA=9B=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../conversation/conversation-group-side.vue | 12 ---------- .../conversation-private-side.vue | 13 ----------- .../conversation/conversation-group-side.vue | 22 +----------------- .../conversation-private-side.vue | 23 +------------------ .../manager/face/pack/modules/item-drawer.vue | 2 +- .../views/im/manager/group/modules/detail.vue | 2 +- .../views/im/manager/rtc/modules/detail.vue | 2 +- .../conversation/conversation-group-side.vue | 11 --------- 8 files changed, 5 insertions(+), 82 deletions(-) diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue index 91866fe44..65b392096 100644 --- a/apps/web-antd/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue +++ b/apps/web-antd/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue @@ -420,7 +420,6 @@ function handleOpenTransferOwner() { */ -:global(.dark .im-conversation-group-side__modal) { - --im-conversation-side-bg: rgb(255 255 255 / 5%); -} diff --git a/apps/web-antd/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue b/apps/web-antd/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue index 68f192320..dc9ee2ea5 100644 --- a/apps/web-antd/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue +++ b/apps/web-antd/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue @@ -136,7 +136,6 @@ function handleGroupCreated(groupId: number) { --> */ -:global(.dark .im-conversation-private-side__modal) { - --im-conversation-side-bg: rgb(255 255 255 / 5%); -} diff --git a/apps/web-antdv-next/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue b/apps/web-antdv-next/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue index b05f4f21f..cc3cf66e1 100644 --- a/apps/web-antdv-next/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue +++ b/apps/web-antdv-next/src/views/im/home/pages/conversation/components/conversation/conversation-group-side.vue @@ -420,11 +420,9 @@ function handleOpenTransferOwner() {
@@ -814,12 +812,6 @@ function handleOpenTransferOwner() { background-color: var(--ant-color-primary-bg); } -/* 必须 :global —— antd Drawer 传送到 body 后只带 root-class-name、不带 scoped data-v， - 普通作用域选择器匹配不到，会导致灰色分隔底色（--im-conversation-side-bg）失效、区块间隔显白 */ -:global(.im-conversation-group-side__modal) { - --im-conversation-side-bg: #f5f7fa; -} - /* :deep 穿透 Icon 内部 svg； el-icon 全局 color 在暗色模式下被主题盖过，锁 fill 到当前色 */ .im-conversation-group-side__icon-tile :deep(svg) { fill: currentColor !important; @@ -829,16 +821,4 @@ function handleOpenTransferOwner() { .im-conversation-group-side__row + .im-conversation-group-side__row { border-top: 1px solid var(--im-border-color-lighter); } - -/* 整体放进 :global()，避免 Vue scoped 把 `:global(.dark) .xxx` 塌缩成裸 `.dark` 而把变量刷到 */ -:global(.dark .im-conversation-group-side__modal) { - --im-conversation-side-bg: rgb(255 255 255 / 5%); -} - - - - diff --git a/apps/web-antdv-next/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue b/apps/web-antdv-next/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue index 7b0781a99..ce41937ee 100644 --- a/apps/web-antdv-next/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue +++ b/apps/web-antdv-next/src/views/im/home/pages/conversation/components/conversation/conversation-private-side.vue @@ -136,11 +136,9 @@ function handleGroupCreated(groupId: number) { -->
*/ -:global(.dark .im-conversation-private-side__modal) { - --im-conversation-side-bg: rgb(255 255 255 / 5%); -} - - - - diff --git a/apps/web-antdv-next/src/views/im/manager/face/pack/modules/item-drawer.vue b/apps/web-antdv-next/src/views/im/manager/face/pack/modules/item-drawer.vue index 14464cadc..6acd51184 100644 --- a/apps/web-antdv-next/src/views/im/manager/face/pack/modules/item-drawer.vue +++ b/apps/web-antdv-next/src/views/im/manager/face/pack/modules/item-drawer.vue @@ -149,7 +149,7 @@ const [Grid, gridApi] = useVbenVxeGrid({ v-model:open="visible" :title="title" destroy-on-close - width="65%" + :styles="{ wrapper: { width: '65%' } }" @after-open-change="handleOpenChange" > diff --git a/apps/web-antdv-next/src/views/im/manager/group/modules/detail.vue b/apps/web-antdv-next/src/views/im/manager/group/modules/detail.vue index 76cb24ca2..54bafe601 100644 --- a/apps/web-antdv-next/src/views/im/manager/group/modules/detail.vue +++ b/apps/web-antdv-next/src/views/im/manager/group/modules/detail.vue @@ -74,7 +74,7 @@ defineExpose({ open });