GraceUI 组件精细化更新工作进行中~ 如果您在使用时发现组件或样式不生效时,请先进行重新编译,重新编译后依然无效请升级您的 GraceUI 框架版本 ( 网站头部点击下载按钮获取最新版本 )即可! 此次更新预计持续到 2020-01-30 ~
懒加载原理
页面滚动时,动态检查图片组件是否处于展示区域,将图片的 src 属性从占位图片换成正式的图片地址;
占位图片
点击这里下载占位图片 并复制到您的项目内 : /static/imgdefault.jpg ( 正式项目开发请按照图片宽高比例自行制作占位图片 )
核心原理
1 uni-app 普通模式及小程序 : 监听页面滚动根据图片位置决定是否展示图片真实地址; 2 weex 模式 利用 @appear 事件决定是否展示图片真实地址;
演示代码