<template>
    <div class="security-check-base">
      <div class="circle"></div>
      <div class="content-text">{{content.text}}</div>
      <div class="content-number">{{content.number}}</div>
    </div>
</template>

<script>
    export default {
      title: "SecurityCheckItem",
      props:{
        content:{
          type:Object,
          default:{
            text:'正常入户',
            number:3000
          }
        }
      }
    }
</script>

<style lang="less" scoped>
  .security-check-base{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: vw(14);
    .circle{
      width: 4.5%;
      height: 30%;
      border-radius: 50%;
      border:1px solid #43f5ff;
    }
    .content-text{
      width: 70%;
      height: 100%;
    }
    .content-number{
      font-size: vw(16);
      color: #01D6ED;
      width: 45%;
      height: 100%;
    }
  }
</style>
