<template>
  <div class="income-detail-header">
     <p class="total-income">收入明细</p>
     <slot><div class="no-data">暂无收入明细</div></slot>
  </div>
</template>

<script>
export default {
  name: 'income-detail',
  props: {

  },
  
  methods: {
    
  },
};
</script>

<style lang="scss" scoped>
.income-detail-header {
  margin-top: 15px;
}
.total-income {
  font-size: 36px;
  color: #000;
  padding: 15px;
  border-bottom: solid 1px #eee;
}
.no-data {
      color: #ccc;
      font-weight: bold;
      text-align: center;
      font-size: 42px;
      padding: 100px 0;
  }

</style>