用微信小程序写一个人信息页面拥代码写出来

好的，以下是一个简单的个人信息页面的代码示例：

1. WXML文件代码：

<!-- 个人信息页面 -->
<view class="container">
  <!-- 用户头像 -->
  <image class="avatar" src="{{avatarUrl}}" mode="aspectFill"></image>
  
  <!-- 用户昵称 -->
  <view class="name">{{nickname}}</view>
  
  <!-- 用户性别 -->
  <view class="gender">{{gender}}</view>
  
  <!-- 用户出生日期 -->
  <view class="birthdate">{{birthdate}}</view>
  
  <!-- 用户手机号码 -->
  <view class="phone">{{phone}}</view>
  
  <!-- 编辑按钮 -->
  <button class="edit-button" bindtap="onEdit">编辑</button>
</view>

2. WXSS文件代码：

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20rpx;
}

.avatar {
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  margin-top: 50rpx;
}

.name {
  font-size: 30rpx;
  color: #333;
  margin-top: 30rpx;
}

.gender {
  font-size: 24rpx;
  color: #666;
  margin-top: 20rpx;
}

.birthdate {
  font-size: 24rpx;
  color: #666;
  margin-top: 20rpx;
}

.phone {
  font-size: 24rpx;
  color: #666;
  margin-top: 20rpx;
}

.edit-button {
  width: 200rpx;
  height: 80rpx;
  background-color: #008CBA;
  color: #fff;
  border-radius: 40rpx;
  margin-top: 50rpx;
}

3. JS文件代码：

Page({
  data: {
    // 用户头像URL
    avatarUrl: '',
    // 用户昵称
    nickname: '',
    // 用户性别
    gender: '',
    // 用户出生日期
    birthdate: '',
    // 用户手机号码
    phone: ''
  },

  onLoad: function () {
    // 从本地存储中读取用户信息
    var userInfo = wx.getStorageSync('userInfo');
    // 更新页面数据
    this.setData({
      avatarUrl: userInfo.avatarUrl,
      nickname: userInfo.nickname,
      gender: userInfo.gender,
      birthdate: userInfo.birthdate,
      phone: userInfo.phone
    });
  },

  onEdit: function () {
    // 跳转到编辑页面
    wx.navigateTo({
      url: '/pages/edit/edit',
    });
  }
})

在这个示例中，我们使用了微信小程序提供的数据绑定功能，将用户输入的数据更新到页面上，并使用了本地存储来保存用户信息。同时，我们还为页面添加了一个“编辑”按钮，当用户点击该按钮时，跳转到编辑页面，进行信息的修改。