<template>
  <div class="AppMailList">
    <component
      :is="component"
      @change="onChange"
      :params="params">
    </component>
  </div>
</template>

<script>
import Add from './components/add'
import List from './components/list'
import MyAddList from './components/myAddList'

export default {
  name: 'AppMailList',
  appName: '便民通讯录',

  data() {
    return {
      component: 'List',
      params: {}
    }
  },

  components: { Add, List , MyAddList},

  methods: {
    onChange(e) {
      this.params = e.params
      this.component = e.type
    }
  },
}
</script>

<style lang="scss" scoped>
uni-page-body{
  height: 100%;
}
.AppMailList{
  height: 100%;
}
</style>