<template>
  <section class="signResult">
    <div class="successImg"/>
    <b class="mar-t32">今日已完成签到</b>
    <div class="mar-t32 score">积分+5</div>
    <AiItem label="时间" :border="false">2022-9-2 16:59:23</AiItem>
    <AiItem label="位置" :border="false">张家湾小区</AiItem>
  </section>
</template>

<script>
export default {
  name: "signResult",
  appName: "签到结果",
  data() {
    return {}
  },
  methods: {},
  created() {
  }
}
</script>

<style lang="scss" scoped>
.signResult {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 160px 70px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 32px;

  .successImg {
    background-image: url("./assets/qiandaochenggong.png");
    width: 192px;
    height: 192px;
  }

  & > b {
    font-size: 40px;
  }

  .score {
    color: #3975C6;
    height: 32px;
    margin-bottom: 112px;
    padding-left: 48px;
    background-image: url("./assets/score.png");
    background-repeat: no-repeat;
    background-position: left center;
  }

  ::v-deep.normal {
    height: 56px;
  }
}
</style>
