2.3.1-RELEASE • Published 4 years ago
@wanmi/x-site-ui-base v2.3.1-RELEASE
建站基础组件.
1. 图片懒加载组件
根据w&h 生成对应的三种尺寸的srcset, 根据enableLazyLoad 开启懒加载组件
<img src="demo.jpg@100px" srcset="demo.jpg@100px 1x, demo.jpg@200px 2x, demo.jpg@300px 3x">使用
import ImgComp from "@qianmi/x-site-ui-base/widget/weixin/img-comp";API
| 参数 | 说明 | 类型 | 默认值 | |
|---|---|---|---|---|
| enableLazyLoad | 是否开启懒加载 | Boolean | true | |
| imgSrc | 图片地址 | String | "" | |
| imgHref | 图片链接 | String | "" | |
| w | 图片优化宽度 | Number | 无 | |
| h | 图片优化高度 | Number | 无 | |
| width | 样式宽度(90,90px,0.45rem) | String | Number | 无 |
| height | 样式高度 | String | Number | 无 |
说明
- 要生成 需要指定
imgHref为undefined - 图片自适应,
w或h传一个即可。 - w,h的值为
@1x的px值,运行时会根据dpr自动处理到最优
issue
- 目前为了兼容,不传
imgHref,默认值""会生成<a href=""><img /></a>而不是<img />。imgHref应该无默认值。 width,height应该合并到style中统一赋值。因为该属性仅仅为了设置css属性- img 目前无法设置
className。
2.3.1-RELEASE
4 years ago
0.0.32-beta-render-4
4 years ago
2.3.0-RELEASE
4 years ago
0.0.32-beta-render-3
4 years ago