<template>
  <div class="m-per">
    <div class="item">
      <div class="item-info">
        <div>
          <img src="~@/assets/images/shuju/overview/sqgzz-icon.png" />
          社区工作者
        </div>
        <div>
          <b>5</b>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="item-info">
        <div>
          <img src="~@/assets/images/shuju/overview/wgy-icon.png" />
          网格员
        </div>
        <div>
          <b>19</b>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="item-info">
        <div>
          <img src="~@/assets/images/shuju/overview/lzz-icon.png" />
          楼组/单元长
        </div>
        <div>
          <b>52</b>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="item-info">
        <div>
          <img src="~@/assets/images/shuju/overview/gyg-icon.png" />
          公益岗
        </div>
        <div>
          <b>23</b>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="item-info">
        <div>
          <img
            src="~@/assets/images/shuju/overview/dwzz-icon.png"
          />单位/组织
        </div>
        <div>
          <b>12</b>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="item-info">
        <div>
          <img src="~@/assets/images/shuju/overview/zyz-icon.png" />
          志愿者
        </div>
        <div>
          <b>78</b>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "map-top",
  data() {
    return {}
  },
};
</script>

<style
  lang="scss"
  src="@/assets/scss/dataBoard/overview/index.scss"
  scoped
></style>
