<template>
  <!-- <div class="item-wrap">
    <div class="title">
      <span>园丁一号</span>
      <span>11-12 08:30</span>
    </div>
    <div class="item-content">
      <h3>股票池动态名称</h3>
      <p>
        这里是服务动态内容，默认三行文案，超出部分用省略号表示，这里是服务动态内容
      </p>
    </div>
  </div> -->
  <Empty text="暂无数据～" />
</template>

<script setup>
import Empty from "@/components/Empty.vue";
</script>
<style scoped lang="scss">
.item-wrap {
  padding: 8px 24px 32px;
  border-radius: 16px;
  border: 0.5px solid #ebeced;
  background: radial-gradient(
      31.88% 59.89% at 14.14% 19.41%,
      #e5efff66 0%,
      #f4f8ff29 100%
    ),
    #f8f9fa;
  .title {
    display: flex;
    justify-content: space-between;
    line-height: 72px;
    color: #666666;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
  }
  .item-content {
    background: #fff;
    padding: 24px 16px;
    text-align: left;
    h3 {
      color: #333333;
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 32px;
      margin-bottom: 16px;
    }
    p {
      color: #666666;
      font-size: 28px;
      font-style: normal;
      font-weight: 400;
      line-height: 44px;
    }
  }
}
</style>
