<template>
  <div class="no-data" :style="{'padding-top': pTop}">
    <img class="img" src="/img/icon/no-data.png?1" alt="极度证券">
    <div class="title">{{ title || $t('common.l26') }}</div>
  </div>
</template>
<script>
export default {
  props: {
    'title': {
      default: ''
    },
    'image': {
      default: '/img/icon/no-data.png'
    },
    'pTop': {
      default: '10vh'
    }
  }
}
</script>
<style lang="less" scoped>
.no-data {
  text-align: center;
  color: var(--color-1-);
}
.img {
  display: block;
  width: 177px;
  margin: 0 auto 14px;
}
</style>