<template>
  <div style="margin-left: 160px">
    <div  style="width:14%;height: 130px;border-radius: 100px;display:inline-block;">
      <img
        style="width:100%;height: 100%;border-radius: 100px"
        src="/static/temporary/headpic.jpg"
        class="image"
      >
    </div>

    <br>
    <br>

    <el-descriptions :column="3" data="data" border>
      <el-descriptions-item label='姓名' labelStyle="width: 90px" contentStyle="width: 250px" v-model="name" >{{name}}</el-descriptions-item>
      <el-descriptions-item label="性别" labelStyle="width: 90px" contentStyle="width: 250px" v-model="email" ></el-descriptions-item>
      <el-descriptions-item label="民族" labelStyle="width: 90px" contentStyle="width: 250px" v-model="level" ></el-descriptions-item>
      <el-descriptions-item label="出生年月" labelStyle="width: 90px" contentStyle="width: 250px" v-model="motto" ></el-descriptions-item>
      <el-descriptions-item label="籍贯" labelStyle="width: 90px" contentStyle="width: 250px" v-model="city" ></el-descriptions-item>
      <el-descriptions-item label="政治面貌" labelStyle="width: 90px" contentStyle="width: 250px" v-model="city" ></el-descriptions-item>
      <el-descriptions-item label="年级" labelStyle="width: 90px" contentStyle="width: 250px" v-model="nj"></el-descriptions-item>
      <el-descriptions-item label="专业" labelStyle="width: 90px" contentStyle="width: 250px" v-model="nj"></el-descriptions-item>
      <el-descriptions-item label="邮箱" labelStyle="width: 90px"  contentStyle="width: 250px" v-model="yx"></el-descriptions-item>
      <el-descriptions-item label="个性签名" labelStyle="width: 90px"  contentStyle="width: 250px" v-model="yx"></el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>

import SideMenu from "../../common/SideMenu";

export default {
  name: "Information",
  components: {
    SideMenu
  },
  data(){
    return{

    }
  }
}
</script>

<style scoped>

</style>
