本文介绍了如何在前端开发中防止上传照片时宽高恢复默认，重点在于设置正确的CSS类和宽高，确保与UI设计图一致。同时，讨论了在删除照片时保持动画效果与避免图片抖动的最佳实践，涉及了`.el-upload--picture-card`、`.avatar-uploader`、`.el-upload-list--picture-card.el-upload-list__item`等元素的样式调整。
在修改照片框的宽高，防止上传照片的时候宽高又恢复为默认的宽高，需要设置个地方：
.el-upload--picture-card- 上面提到隐藏时添加的
class="hide"，也需要设置宽高 el-upload再加一个静态的class，需要设置高度，宽度不用设置，因为在删除照片时会有一个切换的动画特效，如果设置了固定的宽度，可能会怪怪的…(自己试试就知道了)，如果关掉动画，删除照片会有抖动，所以还是加上比较好.avatar-uploader .el-upload也需要设置.el-upload-list--picture-card .el-upload-list__item也需要设置
上面提到的设置宽高，和ui设计图上的宽高保持一致就行了
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
