<template>
  <div :style="{'width':size}" class="inline-block">
    <img src="../../assets/img/nonedata/data.png" width="100%" class="q-mb-lg" v-if="iconType=='data'">
    <img src="../../assets/img/nonedata/order.png" width="100%" class="q-mb-lg" v-if="iconType=='order'">
    <img src="../../assets/img/nonedata/pay.png" width="100%" class="q-mb-lg" v-if="iconType=='pay'">
    <div class="text-center text-subtitle1 text-weight-bolder">{{ title }}</div>
    <div class="text-center text-grey-6 q-mt-lg" v-if="subtitle!=''">{{ subtitle }}</div>
  </div>
</template>

<script>
export default {
    props:{
        size:{
            type:String,
            default:"267px"
        },
        iconType:{
            type:String,
            default:""
        },
        title:{
            type:String,
            default:"暂无信息"
        },
        subtitle:{
            type:String,
            default:""
        }
    }
}
</script>

<style>

</style>