uniapp个人资料

根据提供的引用内容，uniapp个人资料可以使用VUE模板或UNIAPP模板来实现。这些模板可以将布局、样式和JS分离，使得开发更加方便。在个人资料页面中，可以展示用户的头像、姓名、身份证号、手机号码以及科室岗位等信息。

以下是一个示例代码，展示了如何使用VUE模板和UNIAPP模板来实现个人资料页面：

1. 使用VUE模板实现个人资料页面：

<template>
  <div>
    <img :src="avatar" alt="头像">
    <p>姓名：{{ name }}</p>
    <p>身份证号：{{ idCard }}</p>
    <p>手机号码：{{ phoneNumber }}</p>
    <p>科室岗位：{{ department }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      avatar: '头像地址',
      name: '吴福林',
      idCard: '请填写身份证号',
      phoneNumber: '13982056253',
      department: '外科 > 主任医生'
    }
  }
}
</script>

<style scoped>
/* 样式 */
</style>

2. 使用UNIAPP模板实现个人资料页面：

<template>
  <view>
    <image :src="avatar" mode="aspectFill"></image>
    <text>姓名：{{ name }}</text>
    <text>身份证号：{{ idCard }}</text>
    <text>手机号码：{{ phoneNumber }}</text>
    <text>科室岗位：{{ department }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      avatar: '头像地址',
      name: '吴福林',
      idCard: '请填写身份证号',
      phoneNumber: '13982056253',
      department: '外科 > 主任医生'
    }
  }
}
</script>

<style>
/* 样式 */
</style>