<template>
  <div class="card">
    <div class="title">
      <div class="title__icon">
        <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="83" height="83"><path d="M883.2 192L601.6 467.2h-6.4l-96-96v-6.4L806.4 57.6c6.4-6.4 0-12.8-6.4-12.8H224c-51.2 0-96 44.8-96 96v748.8c0 51.2 44.8 96 96 96h569.6c51.2 0 96-44.8 96-96V198.4c0-6.4-6.4-12.8-6.4-6.4z m-416 217.6c0-6.4 6.4-6.4 12.8-6.4l83.2 83.2c6.4 6.4 0 12.8-6.4 12.8l-96 12.8c-6.4 0-6.4 0-6.4-6.4l12.8-96z m38.4 428.8h-256c-19.2 0-32-12.8-32-32s12.8-32 32-32h256c19.2 0 32 12.8 32 32 0 12.8-19.2 32-32 32z m224-153.6H243.2c-19.2 0-32-12.8-32-32s12.8-32 32-32h486.4c19.2 0 32 12.8 32 32s-12.8 32-32 32z"></path></svg>
      </div>
      <div class="title__text">
        <div class="title__text--name">填报量</div>
        <div class="title__text--sub">描述文字</div>
      </div>
    </div>

    <div class="title__data">
      <div class="title__data-item">
        <div class="title__data-item__num">2000</div>
        <div class="title__data-item__text">今日填报</div>
      </div>
      <div class="title__data-item">
        <div class="title__data-item__num">100000</div>
        <div class="title__data-item__text">总计填报</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {},
  computed: {},
}
</script>

<style scoped lang="scss">
.card {
  border-radius: 7px;
  filter: drop-shadow(0 0 7.5px rgba(211,215,221,0.4));
  background-color: #ffffff;
  border: 1px solid #d8e2f0;
}
</style>
