dd_jx_pc/src/components/public/NoData.vue

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

      }
    },
    methods:{

    }
  }
</script>

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