evil-ui/out/Image.js

[](https://www.npmjs.com/package/mini-ali-ui) [](https://github.com/Alibaba-mp/mini-ali-ui/stargaz

import * as React from 'react'
import Img from '../ali/ev-image'

export class Image extends React.Component {
    constructor(props) {
        super(props);
        this.state = {}
    }

    static defaultProps = {
        src: "", //图片地址
        mode: "scaleToFill", //图片模式 具体参见上方函数注释
        className: "", //外部样式
        style: "", //内联样式
        lazyLoad: true, //Boolean  支持图片懒加载，不支持通过 css 来控制 image 展示隐藏的场景。
        onLoad: null,//图片载入完毕时触发，
        onError: null, //当图片加载错误时触发
        onTap: null,//点击图片时触发
        catchTap: null,//点击图片时触发，阻止事件冒泡
    }

    onLoad() {
    }

    onError() {
    }

    onTap(e) {
        this.props.onTap && this.props.onTap(e);
    }

    catchTap() {
    }

    render() {
        let props = this.props
        return (
            <Img
                src={props.src}
                mode={props.mode}
                className={props.className}
                lazyLoad={props.lazyLoad}
                onLoad={this.onLoad.bind(this)}
                onError={this.onError.bind(this)}
                onTap={this.onTap.bind(this)}
                catchTap={this.catchTap.bind(this)}
            />
        )
    }
}