- 支持懒加载
- 支持自动计算最佳显示模式,以及提供多种自定义显示模式
- 支持加载占位 & 自定义占位图
- 支持定宽图的高度自适应
- 支持服务端渲染
- 支持打包svg文件
- 换一种形式的图片占位组件
- 支持图片预览
- pc端鼠标显示放大镜
- 深色模式
- 显示默认图,支持查看原图
- 从图片原始位置平移并放大显示
yarn add react-aio-image
- 务必安装
react@16.8.0+
- 若要兼容IE浏览器,请安装polyfill
- 若要使用响应式代码,务必对外联样式的
width & height
属性添加!important
标识 - 通过设置属性
mode='auto-height'
,使图片高度不受限于height
属性,实现自适应
在src
中进行开发,在demo
提供示例
yarn dev
yarn demo
记得先修改版本号
yarn build
npm publish
// 若使用淘宝镜像
npm publish --registry http://registry.npmjs.org