naive-ui
naive-ui copied to clipboard
Popover或tooltip在暗黑模式下,提示信息的箭头有一条边框
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的背景色改成暗色,箭头处会有一条细边框
Expected results (期望的结果)
去掉箭头处的边框
Actual results (实际的结果)
箭头处显示了边框
Remarks (补充说明)
不在暗黑模式下也有哈哈
popover是深色背景就会很明显,但popover有些弹出位置又不会显示
这个确实是很难处理,之前试过往里走一个像素,但是阴影效果就不好了
暂时不把这个看作一个 bug,确实可以再想想优化的办法
elementui的popover和tooltip没有这种情况,能否有参考价值
这个确实是很难处理,之前试过往里走一个像素,但是阴影效果就不好了
0.5px 看起来还行?1px 阴影有点断裂了.
top: calc(100% - 0.5px)
这个确实是很难处理,之前试过往里走一个像素,但是阴影效果就不好了
0.5px 看起来还行?1px 阴影有点断裂了.
top: calc(100% - 0.5px)
Top 这个值理论上是不支持半像素的
elementui的popover和tooltip没有这种情况,能否有参考价值
原理不太一样,他们的那个 arrow 不带阴影
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