element [Bug Report] 谷歌浏览器下,使用previewSrcList开启大图预览后,按钮样式有问题

omqzjyyz  于 2个月前  发布在  其他
关注(0)|答案(4)|浏览(31)

Element UI version

2.15.14

OS/Browsers version

谷歌浏览器:122.0.6261.112 Microsoft Edge:124.0.2478.51

Vue version

2.7.16

https://codepen.io/GoogooFly/pen/vYMPyVd

Steps to reproduce

谷歌浏览器直接访问 Element UI 官网的image组件,点击大图预览,左右侧按钮、关闭功能、功能区域按钮背景样式有问题
Microsoft Edge返问没问题

What is Expected?

点击大图预览,左右侧按钮、关闭功能、功能区域按钮背景样式显示正常

What is actually happening?

点击大图预览,左右侧按钮、关闭功能、功能区域按钮背景样式显示异常,呈方形灰色背景

kd3sttzy

kd3sttzy1#

chrome: 版本 123.0.6312.86(正式版本) (64 位)

显示正常,是否浏览器做什么调整了,图片组件一直没有调整。

enyaitl3

enyaitl32#

好几个同事电脑也有这个问题,浏览器没做什么调整 都是默认设置

tkqqtvp1

tkqqtvp13#

Microsoft Edge
版本 125.0.2535.92 (正式版本) (64 位)
Google Chrome
Version 125.0.6422.142 (Official Build) (64-bit)

同样有这个问题

fquxozlt

fquxozlt4#

.el-image-viewer__btn 样式中的 flex 导致的,使用 text-alignline-height 可以修复此问题,不过我电脑上面没有复现。

相关问题