<template>
  <m-card title="商居睦邻会">
    <div class="content">
      <div>入口名称</div>
    </div>
  </m-card>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'NeighborEntry',
})
</script>

<style lang="stylus" scoped>
.content
  width 100%
  height 100%
  display flex
  align-items center
  justify-content space-around
  >div
    width 50%
    min-height 70%
    background url('@/assets/images/num-card.png') 100% / 100% 100% no-repeat
    display flex
    align-items center
    justify-content center
    font-size .12rem
    font-weight bold
</style>
