<!--
 * @Author: 曹捷
 * @Date: 2020-03-05 19:57:48
 * @LastEditors: 曹捷
 * @LastEditTime: 2022-01-06 11:34:06
 * @Description: file content
 -->
<template>
  <div class="obit-nodata">
    <!-- <svg-icon class-name="iconClass" class="iconDetail" icon-class="nodata" /> -->
    <span class="icon iconfont icon-nodata iconClass iconDetail"></span>

    <br />
    <span>{{ desText }}</span>
  </div>
</template>

<script>
export default {
  name: 'index',
  props: {
    desText: {
      type: String,
      default: '暂无数据'
    }
  },
  created () {
    if (this.desText === '') {
      //  $t 暂无数据
      this.desText = '暂无数据'
    }
  }
}
</script>

<style lang="less" scoped>
#mainApp .obit-nodata {
  text-align: center;
  color: #999 !important;
  font-size: 14px;
  .iconDetail {
    fill: #999 !important;
    font-size: 80px !important;
  }
  .iconClass {
    width: 120px !important;
    height: 120px !important;
  }
}
.pop-up .mask .obit-nodata {
  text-align: center;
  color: #999 !important;
  font-size: 14px;
  .iconDetail {
    fill: #999 !important;
    font-size: 80px !important;
  }
  .iconClass {
    width: 80px !important;
    height: 80px !important;
  }
}
</style>
