<script>
export default {
  name: "home-index",
  components: {},
  data() {
    return {};
  },
  mounted() {
  },
  methods: {},
}
</script>

<template>
  <div>
    <div class="bgc-f p-10 box-sizing-border b-rad-10 mb-20">
      <el-image
          class="head-img"
          :src="require('@/assets/img/index/bannerhome.png')"
          fit=""></el-image>
    </div>
    <div class="bgc-f p-10 box-sizing-border b-rad-10 mb-20">
      <div class="b-rad-10 h-80 align-items-center bgc-f1f9fe">
        <div class="flex-1 flex-direction-column align-items-center flex-justify-center">
          <div class="fs-14 mb-4">
            DAO價格($)
          </div>
          <div class="fs-14 fw-b">
            0.13
          </div>
        </div>
        <div class="flex-1 flex-direction-column align-items-center flex-justify-center">
          <div class="fs-14 mb-4">
            DAO餘額
          </div>
          <div class="fs-14 fw-b">
            0.13
          </div>
        </div>
        <div class="flex-1 flex-direction-column align-items-center flex-justify-center">
          <div class="fs-14 mb-4">
            贡献总额
          </div>
          <div class="fs-14 fw-b">
            0.13
          </div>
        </div>
      </div>
    </div>
    <div class="bgc-f p-10 box-sizing-border b-rad-10 mb-20">
      <div class="fs-14 pt-5 mb-4">
        贡献收益记录
      </div>
      <div class="bgc-F6F7FA">
        <div class="item-box align-items-center flex-justify-space" v-for="item in 3" :key="item.id">
          <div>
            <div class="mb-4 fs-14 fw-b">贡献数量</div>
            <div class="fs-12">2025-01-10</div>
          </div>
          <div class="align-items-center">
            <div class="fs-12">奖励:</div>
            <div class="fs-14 fc-ED301D">2.5</div>
          </div>
        </div>
        <div class="h-50 text-align-center fs-14">
          ~暂无记录
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.head-img {
  width: 100%;
  height: 128px;
}
.h-80{
  height: 80px;
}
.h-50{
  height: 50px;
  line-height: 50px;
}
.item-box{
  width: 100%;
  height: 60px;
  padding: 5px 10px;
  box-sizing: border-box;
  border-top: 1px solid #e5e5e5;
}
.item-box:first-child {
  border-top: none;
}
</style>
