naive-ui icon indicating copy to clipboard operation
naive-ui copied to clipboard

Popover或tooltip在暗黑模式下,提示信息的箭头有一条边框

Open maddenBoy opened this issue 2 years ago • 8 comments

TuSimple/naive-ui version (版本)

2.32.1

Vue version (Vue 版本)

3.2.37

Browser and its version (浏览器及其版本)

Chrome(103.0.5060.134)

System and its version (系统及其版本)

window 11

Node version (Node 版本)

Reappearance link (重现链接)

https://www.naiveui.com/zh-CN/dark/components/popover#Popover-Props

Reappearance steps (重现步骤)

1、把页签切成暗黑模式或Popover的背景色改成暗色,箭头处会有一条细边框 image

Expected results (期望的结果)

去掉箭头处的边框

Actual results (实际的结果)

箭头处显示了边框

Remarks (补充说明)

maddenBoy avatar Aug 01 '22 03:08 maddenBoy

不在暗黑模式下也有哈哈 image

Nakus0426 avatar Aug 02 '22 03:08 Nakus0426

popover是深色背景就会很明显,但popover有些弹出位置又不会显示 image

maddenBoy avatar Aug 02 '22 03:08 maddenBoy

这个确实是很难处理,之前试过往里走一个像素,但是阴影效果就不好了

07akioni avatar Aug 02 '22 16:08 07akioni

暂时不把这个看作一个 bug,确实可以再想想优化的办法

07akioni avatar Aug 02 '22 16:08 07akioni

elementui的popover和tooltip没有这种情况,能否有参考价值

maddenBoy avatar Aug 03 '22 01:08 maddenBoy

这个确实是很难处理,之前试过往里走一个像素,但是阴影效果就不好了

0.5px 看起来还行?1px 阴影有点断裂了.

top: calc(100% - 0.5px)

Innei avatar Aug 04 '22 08:08 Innei

这个确实是很难处理,之前试过往里走一个像素,但是阴影效果就不好了

0.5px 看起来还行?1px 阴影有点断裂了.

top: calc(100% - 0.5px)

Top 这个值理论上是不支持半像素的

XieZongChen avatar Aug 07 '22 09:08 XieZongChen

elementui的popover和tooltip没有这种情况,能否有参考价值

原理不太一样,他们的那个 arrow 不带阴影

XieZongChen avatar Aug 07 '22 09:08 XieZongChen

This issue does not have any recent activity. If you are still experiencing similar problems, open a new error, including a minimal copy of the problem

jahnli avatar Mar 12 '24 13:03 jahnli