uniapp个人信息界面

以下是一个示例的uniapp个人信息界面的代码：

<template>
  <view class="container">
    <view class="avatar">
      <image src="../../static/avatar.png"></image>
    </view>
    <view class="info">
      <text class="name">{{ username }}</text>
      <text class="email">{{ email }}</text>
      <text class="bio">{{ bio }}</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: 'John Doe',
      email: 'johndoe@example.com',
      bio: 'I am a software developer.'
    }
  }
}
</script>

<style>
.container {
  display: flex;
  align-items: center;
  padding: 20px;
}

.avatar {
  width: 100px;
  height: 100px;  border-radius: 50%;
  overflow: hidden;
}

.info {
  margin-left: 20px;
}

.name {
  font-size: 24px;
  font-weight: bold;
}

.email {
  font-size: 16px;
  color: #666;
}

.bio {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}
</style>

这个示例中，个人信息界面包含了一个头像、用户名、邮箱和个人简介。你可以根据自己的需求修改数据和样式。