<template>
  <div class="app-container">
    <div class="breadcrumb">
      <div class="flex-justify-end">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item>首页</el-breadcrumb-item>
          <el-breadcrumb-item>活动资讯</el-breadcrumb-item>
          <el-breadcrumb-item>活动资讯详情</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
    </div>

    <div class="main">
      <div class="title">让算力更好地服务您！超聚变国际2024技术峰会暨伙伴大会成功举行</div>
      <div class="time">2024/3/24</div>
      <el-divider/>

      <div class="content"></div>
    </div>
  </div>
</template>

<script setup name="InformationDetail">

</script>

<style scoped lang="scss">
.breadcrumb {
  background-color: #FFFFFF;
  padding-top: 12px;
  padding-bottom: 12px;

  > div {
    width: 1280px;
    margin: 0 auto;
  }

  :deep(.el-breadcrumb__item) {
    &:last-child .el-breadcrumb__inner {
      color: #222222;
    }
  }
}

.app-container {
  background-color: #F7F8F9;
  padding: 0 0 90px;
  min-height: 100%;
}

.main {
  width: 1280px;
  margin: 24px auto 0 auto;
  padding: 40px 80px;
  background-color: #FFFFFF;
}

.title {
  font-weight: bold;
  font-size: 40px;
  color: #303233;
  margin-bottom: 15px;
}

.time {
  font-weight: 400;
  font-size: 14px;
  color: #C8CBCC;
}
</style>
