使用element ui 写一个个人中心模版

当然可以！下面是一个使用 Element UI 的个人中心模板示例：

<template>
  <div class="personal-center">
    <h1个人中心</h1>
    <el-row>
      <el-col :span="8">
        <el-card>
          <div slot="header">
            <h2>个人信息</h2>
          </div>
          <div class="info-content">
            <el-form>
              <el-form-item label="姓名">
                <el-input v-model="userInfo.name"></el-input>
              </el-form-item>
              <el-form-item label="年龄">
                <el-input-number v-model="userInfo.age"></el-input-number>
              </el-form-item>
              <el-form-item label="性别">
                <el-radio-group v-model="userInfo.gender">
                  <el-radio label="男">男</el-radio>
                  <el-radio label="女">女</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-form>
          </div>
        </el-card>
      </el-col>
      <el-col :span="16">
        <el-card>
          <div slot="header">
            <h2>订单列表</h2>
          </div>
          <div class="order-content">
            <el-table :data="orderList" border>
              <el-table-column prop="orderNumber" label="订单编号"></el-table-column>
              <el-table-column prop="productName" label="商品名称"></el-table-column>
              <el-table-column prop="price" label="价格"></el-table-column>
              <el-table-column prop="createTime" label="创建时间"></el-table-column>
            </el-table>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      userInfo: {
        name: '',
        age: '',
        gender: ''
      },
      orderList: [
        {
          orderNumber: '20211001',
          productName: '商品1',
          price: '100',
          createTime: '2021-10-01 10:00:00'
        },
        {
          orderNumber: '20211002',
          productName: '商品2',
          price: '200',
          createTime: '2021-10-02 12:00:00'
        }
      ]
    };
  }
};
</script>

<style scoped>
.personal-center {
  padding: 20px;
}

.info-content {
  padding: 20px;
}

.order-content {
  padding: 20px;
}
</style>

在这个示例中，我们使用了 Element UI 的组件来构建个人中心页面。其中，使用了 `<el-card>` 来显示个人信息和订单列表。`<el-row>` 和 `<el-col>` 组件用于布局，将个人信息和订单列表分成了两列。

个人信息部分使用了 `<el-form>` 来展示用户姓名、年龄和性别，并使用了 `<el-input>`、`<el-input-number>` 和 `<el-radio-group>` 等组件来收集用户输入。

订单列表部分使用了 `<el-table>` 来展示订单信息，通过设置 `:data` 属性绑定了 `orderList` 数组作为数据源，并使用 `<el-table-column>` 定义了表格的列。

你可以根据自己的需求修改这个示例，添加更多的表单项和表格列，以满足个人中心页面的需求。