@evkj/x-site-ui-base
v2.3.0-RELEASE
Published
建站UI基础组件库
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。
