Vue头像处理方案小结

个人思路

获取后台返回头像url,判断图片宽度,高度。

如果宽度>高度, 使其高度填充盒子 两边留白。

如果宽度<高度,使得宽度填充盒子 上下留白。

效果图:

Vue头像处理方案小结_第1张图片

缺陷:懒加载图片 会出现闪烁

Vue头像处理方案小结_第2张图片

代码实现



                    
                    

你可能感兴趣的:(Vue头像处理方案小结)