<template>
    <div class="flex-box-v flex-v-zhu">
      <img :src="imgUrl" style="width: 266px;height: 182px;margin: 30px auto;">
      <div class="fontColorF" v-if="!isSolt" style="text-align: center;">{{content}}</div>
      <slot></slot>
    </div>
</template>
<!-- content:为提示内容  -->
<!-- imgUrl:为空值显示图片  -->
<!-- isSolt:是否显示自定义内容  -->
<script>
  export default {
    name:'noData',
    props:{
      content:{
        type:String,
        default:'暂无数据'
      },
      imgUrl:{
         type:String,
         default:'static/images/nodata.png'
      },
      isSolt:{
        type:Boolean,
        default:false
      }
    },
    data(){
      return{

      }
    },
    methods:{

    }
  }
</script>

<style scoped="scoped">
  .green{
     color: #67c23a;
  }
  .blue{
    color:#26a2ff;
    cursor: pointer;
  }
  .fontColorF{
    color:#909399;
  }
</style>
