proginn-frontend/components/empty.vue

<template>
<div class="data-empty">
    <div class="data-empty-icon" style="width: 200px;">

    </div>
    <p>暂无内容</p>
    <slot></slot>
</div>
</template>

<style lang="scss" scoped>
.data-empty {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
  p {
    // margin-top: 24px;
    text-align: center;
    font-size: 14px;

    font-weight: 400;
    color: #828c99;
    line-height: 21px;
  }
}
.data-empty-icon{
  min-height: 149px;
  background: url('~@/assets/img/frontend/personal/empty_icon.png') no-repeat center center;
  background-size: 166px 149px;
}
</style>