<template>
  <div class="tempty-wrapper">
    <i></i>
    <p>这里什么都没有...</p>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.tempty-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 170px;

  & > i {
    width: 280px;
    height: 280px;
    background: url("~statics/image/order/order-list-empty@3x.png");
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  & > p {
    margin-top: 20px;
    font-size: 28px;
    color: #ccc;
  }
}
</style>