uxcore-image

React image

Development

git clone https://github.com/uxcore/uxcore-image
cd uxcore-image
npm install
npm run server

if you'd like to save your install time，you can use uxcore-tools globally.

npm install uxcore-tools -g
git clone https://github.com/uxcore/uxcore-image
cd uxcore-image
npm install
npm run dep
npm run start

Test Case

npm run test

Coverage

npm run coverage

Demo

http://uxcore.github.io/components/image

Contribute

Yes please! See the CONTRIBUTING for details.

API

Props

| Name | Type | Required | Default | Comments | |---|---|---|---|---| | src | string | Yes | - | 图片 src | | className | string | No | - | 额外类名 | | prefixCls | string | No | - | 类名前缀 | | style | object | No | {} | 图片样式 | | height | number/string | No | 图片高度 | | width | number/string | No | 图片宽度 | | enableUrlAdapter | bool | No | 开启针对 oss, django, tfs 等的图片链接优化 | | adapterType | string | No | 可以指定针对那种类型的图片 CDN 进行优化，不指定的情况下会根据 url 去一次适配内置的链接优化器 | | lazyload | bool | No | true | 是否懒加载，在 document load 之后再加载真实图片 | | defaultPic | string | No | 内置图片 | 预置图片 | | showDefaultPicDelay | number | No | 200 | 显示预置图片的延迟，如果 load 的时间小于该时间，则不加载预置图片 |