<template>
  <div id="root">
    <div class="form-div">
      <el-form ref="form" label-width="150px" label-position="left">
        <el-form-item label="基本信息"/>
        <el-form-item>
          <table>
            <tr>
              <td>姓名</td>
              <td>张三</td>
              <td>性别</td>
              <td>男</td>
              <td>手机号</td>
              <td>15871301059</td>
            </tr>
            <tr>
              <td>微信昵称</td>
              <td>张三</td>
              <td>微信ID</td>
              <td>男</td>
              <td>身份证</td>
              <td>15871301059</td>
            </tr>
            <tr>
              <td>头像</td>
              <td colspan="5">张三</td>
            </tr>
          </table>
        </el-form-item>
        <el-form-item label="在当前房屋"/>
        <el-form-item label="关联本小区其他房屋"/>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'InfoIndex'
}
</script>

<style scoped>
table tr td {
  padding-right: 50px;
}
.form-div {
  display: flex;
  justify-content: center;
}
</style>
