dvcp_v2_wxcp_app/src/project/saas/AppDataStatistics/components/resident.vue

<template>
  <div class="resident">
    <div class="resident_num">
      <div class="num_item">
        <p class="num_item_name">居民总数</p>
        <p class="num_item_data">2036</p>
      </div>
      <div class="num_item">
        <p class="num_item_name">居民总数</p>
        <p class="num_item_data">2036</p>
      </div>
      <div class="num_item">
        <p class="num_item_name">居民总数</p>
        <p class="num_item_data">2036</p>
      </div>
    </div>

    <!-- 特殊人群 -->
    <div class="specialPeople">
      <h3>特殊人群</h3>
      <div>

      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.resident {
  padding: 0 30px;
  box-sizing: border-box;

  .resident_num {
    width: 100%;
    height: 160px;
    background: #FFF;
    margin-top: 32px;
    border-radius: 16px;
    display: flex;
    .num_item {
      width: 33%;
      height: 100%;
      text-align: center;
      margin-top: 32px;

      .num_item_name {
        color: #666666;
      }

      .num_item_data {
        margin-top: 10px;
        color: #000000;
        font-size: 36px;
      }
    }
  }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
  .specialPeople {
    margin-top: 32px;

    
  }
}
</style>