2.3.1-RELEASE • Published 3 years ago

@wanmi/x-site-ui-base v2.3.1-RELEASE

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

建站基础组件.

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是否开启懒加载Booleantrue
imgSrc图片地址String""
imgHref图片链接String""
w图片优化宽度Number
h图片优化高度Number
width样式宽度(90,90px,0.45rem)StringNumber
height样式高度StringNumber

说明

  1. 要生成 需要指定 imgHrefundefined
  2. 图片自适应,wh传一个即可。
  3. w,h的值为@1x的px值,运行时会根据dpr自动处理到最优

issue

  1. 目前为了兼容,不传imgHref,默认值""会生成 <a href=""><img /></a> 而不是 <img />imgHref应该无默认值。
  2. widthheight应该合并到style中统一赋值。因为该属性仅仅为了设置css属性
  3. img 目前无法设置className