<template>
  <div class="community-check">
    <h5>小区巡查事项清单</h5>
    <div>
      <div v-for="(item, i) in list" :key="i">
        <p v-for="(name, index) in item" :key="name + index">{{name}}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CommunityCheck',
  data() {
    return {
      list: [
        ['高空坠物隐患', '水电气异常', '消防设施异常', '.', '.'],
        ['违规租赁', '毁绿占绿', '停车矛盾', '改变物业性质', '占用公共部位'],
        ['建筑垃圾违规', '乱布线', '楼道乱张贴', '.', '.'],
      ]
    }
  },
}
</script>

<style lang="stylus" scoped>
.community-check
  h5
    background #0A2F59
    text-align center
    padding .03rem 0
    font-size .1rem
  >div
    display flex
    >div
      flex 1
      +div
        border-left .01rem solid #215794
      >p
        padding .03rem .1rem
        &:nth-child(2n)
          background rgba(10,47,89, .6)
</style>
