search

yangzongzhuan / RuoYi-Vue3

:tada: (RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统
http://ruoyi.vip
MIT License
4.82k stars 1.96k forks source link

图片上传组件（ImageUpload）预览和删除按钮显示问题 #237

Closed zhouzhigang-GitHub closed 3 months ago

zhouzhigang-GitHub commented 8 months ago

.el-upload-list--picture-card .el-upload-list__item-actions span+span { margin-left: 1rem; } 原来的样式，margin-left为：1rem，左外边距过大，导致无法看到预览和删除按钮 1706859612582

修改方案：在ImageUpload组件中添加即可 :deep(.el-upload-list--picture-card .el-upload-list__item-actions span+span) { margin-left: 45px; } 1706859612585

yangzongzhuan commented 3 months ago

image 测试验证了一下，按钮挺正常的，没有问题。