2.3.1-RELEASE • Published 3 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
3 years ago
0.0.32-beta-render-4
3 years ago
2.3.0-RELEASE
3 years ago
0.0.32-beta-render-3
3 years ago