Vue头像处理方案小结
发布时间：2020-12-17 02:16:04 所属栏目：百科 来源：网络整理
导读：个人思路 获取后台返回头像url，判断图片宽度，高度。 如果宽度>高度， 使其高度填充盒子 两边留白。 如果宽度 效果图： 缺陷：懒加载图片 会出现闪烁 代码实现 // 外面要给一个div并且限制宽度和高度，text-align center，overflow hidden import { head,he
个人思路获取后台返回头像url，判断图片宽度，高度。 如果宽度>高度， 使其高度填充盒子 两边留白。 如果宽度<高度，使得宽度填充盒子 上下留白。 效果图：
缺陷：懒加载图片 会出现闪烁
代码实现
// 外面要给一个div并且限制宽度和高度，text-align center，overflow hidden
|
