index.vue

<template>
  <div class="contact_containier">
    <NafmHeader navClass="nafmii-head-bg3" title="联系人列表" />
    <main class="contact_content">
      <contact-item v-for="contactItem in contactList" :key="contactItem.id" :contact-item="contactItem"></contact-item>
    </main>
  </div>
</template>
<script>
export default {
  data() {
    return {
      contactList: [{},{},{}]
    }
  },
  components: {
    contactItem: ()=>import("./contactItem.vue")
  }
}
</script>
<style lang="less" scoped>
.contact_containier {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  .contact_content {
    width: 384px;
    margin: 16px auto 0;
    display: flex;
    flex-direction: column;
  }
}
</style>