🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 图片加载 因为需要保证图片不拉伸,变形,失真。但是提供方的图片由不规范。只能通过js控制 img onload函数,图片加载时候,进行的函数,保证图片加载成功时调用。可惜我的目前程序不运行次函数。也可能是bugs太多导致的。 原来load不执行的原因是,异步渲染了图片,导致事件没有绑定,找到异步渲染的组件,添加了绑定事件。 调整图片大小的方案 ~~~ $('.renderImg').each(function (index, item){ $(item).load(function () { let height = $(this).height() let width = $(this).width() let hw = height/width if(hw >= 1) { if(height<=190) { $(this).css({height: height}) } else { $(this).css({height: "190px"}) } } else { if(width <= 190) { $(this).css({width: width}) } else { $(this).css({width: "190px"}) } } }) }) ~~~