<template>
  <div class="emptyContent">
    <img src="@/assets/empty.png" class="img" alt="" />
    <p class="tips">暂没有相关内容</p>
    <p class="bottom">未获取到相关内容</p>
  </div>
</template>

<script>
export default {
  name: "empty",
};
</script>

<style lang="less" scoped>
.emptyContent {
  text-align: center;
  .img {
    width: 187px;
    height: 187px;
  }
  .tips {
    margin: 40px 0 15px;
    font-size: 17px;
    font-weight: 500;
    color: #303133;
    line-height: 24px;
  }
  .bottom {
    font-size: 13px;
    font-weight: 400;
    color: #909399;
    line-height: 20px;
  }
}
</style>
