diff --git a/CHANGELOG.md b/CHANGELOG.md index c06a4705da81f9da5cdda9aac0a21180ba6d7829..5c3112e726b569e87ef9457d645919514b49871f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ ## [Unreleased] +### Fixed + +- 修复气泡飘窗箭头样式显示异常 + ## [0.7.41-alpha.47] - 2025-12-09 ### Added diff --git a/src/util/app-popover/app-popover-component.scss b/src/util/app-popover/app-popover-component.scss index 265faeefbca045ae954234338c32bff9569a6ad0..3ae0b6a65ad1f5d24c457acba4e5ed3d04bf797a 100644 --- a/src/util/app-popover/app-popover-component.scss +++ b/src/util/app-popover/app-popover-component.scss @@ -16,6 +16,26 @@ height: getCssVar('width-icon', 'extra-small'); background: getCssVar('color-bg-2'); transform: rotate(45deg); + + &[data-placement^=top] { + border-right: 1px solid getCssVar('color-border'); + border-bottom: 1px solid getCssVar('color-border'); + } + + &[data-placement^=bottom] { + border-top: 1px solid getCssVar('color-border'); + border-left: 1px solid getCssVar('color-border'); + } + + &[data-placement^=left] { + border-top: 1px solid getCssVar('color-border'); + border-right: 1px solid getCssVar('color-border'); + } + + &[data-placement^=right] { + border-bottom: 1px solid getCssVar('color-border'); + border-left: 1px solid getCssVar('color-border'); + } } @include when(show) { diff --git a/src/util/app-popover/app-popover-component.tsx b/src/util/app-popover/app-popover-component.tsx index 795a48e516c1270fe893d3469c4a4ec7c4ed8e62..7022d6f4fb380cd0b4abfc465776e149c6b92a4f 100644 --- a/src/util/app-popover/app-popover-component.tsx +++ b/src/util/app-popover/app-popover-component.tsx @@ -93,6 +93,7 @@ async function computePos( bottom: '', [staticSide]: '-4px', }); + arrEl.setAttribute('data-placement', placement); } } }