@wanmi/x-site-ui-base
v2.3.1-RELEASE
Published
建站UI基础组件库
Downloads
8
Readme
建站基础组件.
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
。