<template>
  <div style="float: left">
    <non-civil></non-civil>
  </div>
  <div style="float: right">
    <user-growth></user-growth>
  </div>
  <div style="float: left">
    <user-distribution></user-distribution>
  </div>
  <div style="float:right">
    <gas-annualChange></gas-annualChange>
  </div>

</template>

<script>
    export default {
      title:"user-total"
    }
</script>

<style scoped>
div{
  height: 50%;width: 50%;
}
</style>
