vue封装的一个暂无数据组件

<template>
  <div class="zwsj">
    <img :src="icon" :width="imgW" :height="imgH"/>
    <div style="color: #999;font-size: 12px;margin-top: 5px">{{text}}</div>
  </div>
</template>

<script>
  export default {
    name: "ecs-nodata",
    props: {
      icon: {
        require: true
      },
      text: {
        require: true
      },
      imgW: {
        default: "175px"
      },
      imgH: {
        default: "95px"
      }
    }
  }
</script>

<style scoped>
  .zwsj {
    padding: 120px 0;
    text-align: center;
  }
</style>

引用方法
 <ecs-nodata v-if="list[0].title==''" :icon="require('@/assets/images/搜索@2x.png')" text="暂无维修产品"></ecs-nodata>