<template>
    <div class='app-rawitem-image'>
        <img :style="cssStyle" v-if="imgUrl" :src="imgUrl" />
        <i :style="cssStyle" v-else :class="imageClass ? imageClass : ''"></i>
    </div>
</template>
<script lang = 'ts'>
import { Vue, Component, Prop, Watch, Provide } from 'vue-property-decorator';
@Component({})
export default class AppRawItemImage extends Vue {
    
    /**
     * 样式
     *
     * @type {string}
     * @memberof AppRawItemImage
     */
    @Prop() public cssStyle: any;

    /**
     * 样式表
     *
     * @type {string}
     * @memberof AppRawItemImage
     */
     @Prop() public cssClass: any;

    /**
     * 图片地址
     *
     * @type {string}
     * @memberof AppRawItemImage
     */
    @Prop() public imgUrl?:string;

    /**
     * 图标
     *
     * @type {string}
     * @memberof AppRawItemImage
     */
    @Prop() public imageClass?:string;
    
}
</script>
<style lang = "less">
@import './app-rawitem-image.less';
</style>