<template>
  <div class="flex-row">
    <div :style="{width: 100/3 + '%'}">
      <userinfo-detail :data="data"></userinfo-detail>
    </div>
    <div :style="{width: 100/3 + '%'}">
      <userfiles-detail :data="data"></userfiles-detail>
    </div>
    <div :style="{width: 100/3 + '%'}">
      <devices-detail :data="data"></devices-detail>
    </div>
  </div>
</template>

<script>
  /*
    样式暂时这样写， 之后需要做显示设置。
   */

  import UserinfoDetail from './detailinfo/UserinfoDetail'
  import UserfilesDetail from './detailinfo/UserfilesDetail'
  import DevicesDetail from './detailinfo/DevicesDetail'

  export default {
    title: '详情组件',
    components: {
      UserinfoDetail, UserfilesDetail, DevicesDetail
    },
    data () {
      return {}
    },
    props: ['data'],
    ready () {
      console.log('详情组件。。。', this.data)
    }
  }
</script>

<style>

</style>
