新年快乐~ 分享一个通过uniapp+vue3+setup+ts实现图片懒加载组件 支持多平台 h5、微信、安卓、苹果、nvue

158 阅读1分钟

theme: channing-cyan

前言

哈喽大家好,首先呢祝大家新年快乐,希望大家都能涨薪升职!

第一个周末,给大家分享一个新写的懒加载组件,基于vue3 setup语法 加 简单的typesrcipt实现。大部分功能简单测试后基本没问题,有bug欢迎反馈,发布半年内保证随时更新~

组件介绍

  • 图片懒加载,适配h5、微信小程序、安卓app、苹果app、nvue兼容
  • 支持px、rpx、rem(nvue不兼容%,本次就偷懒省掉了~后续考虑补上)
  • 兼容腾讯云、阿里云图片自动裁切倍率
  • 自带骨架图、加载失败图
  • 兼容系统字体大小更新(类型于微信关怀模式的图片放大)
  • 定制化默认配置(通过配置文件无需阅读代码即可完成)
  • 自动绑定远端服务器、免拼接(如果和你项目路径不一致,请关闭或自行修改)

预览

image.png

体验

1611037570.3vhost.vip/

源码

github.com/1611037570/…

补充

配置文件在src\pages\index\snowflake-ui\image\config\default.ts