小程序个人中心页面示例wxml

小程序个人中心页面通常包括用户头像、昵称、个人信息、设置等模块。以下是一个小程序个人中心页面示例wxml：

<view class="user">
  <image class="avatar" src="{{userInfo.avatarUrl}}" mode="aspectFill"></image>
  <text class="nickname">{{userInfo.nickName}}</text>
</view>

<view class="info">
  <view class="info-item">
    <text class="info-label">性别：</text>
    <text class="info-value">{{userInfo.gender}}</text>
  </view>
  <view class="info-item">
    <text class="info-label">地区：</text>
    <text class="info-value">{{userInfo.country}} {{userInfo.province}} {{userInfo.city}}</text>
  </view>
  <view class="info-item">
    <text class="info-label">手机号：</text>
    <text class="info-value">{{userInfo.phone}}</text>
  </view>
</view>

<view class="setting">
  <navigator url="/pages/setting/setting">
    <text class="setting-text">设置</text>
    <text class="arrow">></text>
  </navigator>
</view>

在这个示例中，个人中心页面包括了用户头像和昵称，以及用户的个人信息展示，例如性别、地区、手机号等。同时还提供了设置按钮，用户可以点击跳转到设置页面进行个人信息的修改和其他设置。以上就是一个简单的小程序个人中心页面示例wxml。