写一个element-ui 个人信息页面

好的，我可以为你提供一个简单的示例：

<template>
  <div class="personal-info">
    <el-form :model="formData" label-width="100px" ref="form">
      <el-form-item label="姓名">
        <el-input v-model="formData.name"></el-input>
      </el-form-item>
      <el-form-item label="性别">
        <el-radio-group v-model="formData.gender">
          <el-radio :label="1">男</el-radio>
          <el-radio :label="2">女</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="年龄">
        <el-input v-model.number="formData.age"></el-input>
      </el-form-item>
      <el-form-item label="出生日期">
        <el-date-picker type="date" placeholder="请选择日期" v-model="formData.birthDate"></el-date-picker>
      </el-form-item>
      <el-form-item label="联系电话">
        <el-input v-model="formData.phone"></el-input>
      </el-form-item>
      <el-form-item label="电子邮箱">
        <el-input v-model="formData.email"></el-input>
      </el-form-item>
      <el-form-item label="地址">
        <el-input v-model="formData.address"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="submitForm">保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        name: '',
        gender: 1,
        age: '',
        birthDate: '',
        phone: '',
        email: '',
        address: '',
      },
    };
  },
  methods: {
    submitForm() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          // 提交表单数据
        }
      });
    },
  },
};
</script>

<style>
.personal-info {
  padding: 20px;
}
</style>

以上代码是一个基于 element-ui 组件库实现的个人信息页面示例，包括姓名、性别、年龄、出生日期、联系电话、电子邮箱和地址等基本信息。你可以根据自己的需求修改和扩展该页面。