微信小程序我的页面搭建

要搭建微信小程序的“我的”页面，可以按照以下步骤进行：

1. 创建一个新的小程序页面，命名为“my”。

2. 在“my”页面的wxml文件中，编写页面的布局结构，例如：

<view class="container">
  <view class="avatar">
    <image src="/images/avatar.png"></image>
    <text class="nickname">小明</text>
  </view>
  <view class="menu-list">
    <view class="menu-item">
      <text class="menu-icon iconfont">&#xe60b;</text>
      <text class="menu-text">我的订单</text>
    </view>
    <view class="menu-item">
      <text class="menu-icon iconfont">&#xe629;</text>
      <text class="menu-text">收货地址</text>
    </view>
    <view class="menu-item">
      <text class="menu-icon iconfont">&#xe602;</text>
      <text class="menu-text">联系客服</text>
    </view>
  </view>
</view>

3. 在“my”页面的wxss文件中，编写页面的样式，例如：

.container {
  padding: 20rpx;
}

.avatar {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}

.avatar image {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  margin-right: 20rpx;
}

.avatar .nickname {
  font-size: 28rpx;
}

.menu-list {
  background-color: #fff;
  border-radius: 10rpx;
  box-shadow: 0 2rpx 10rpx rgba(0,0,0,.1);
}

.menu-item {
  display: flex;
  align-items: center;
  padding: 20rpx;
  border-bottom: 1rpx solid #eee;
}

.menu-icon {
  font-size: 32rpx;
  margin-right: 10rpx;
  color: #999;
}

.menu-text {
  font-size: 28rpx;
}

4. 在“my”页面的js文件中，可以添加页面的逻辑处理，例如：

Page({
  data: {
    userInfo: null
  },
  onLoad() {
    // 获取用户信息
    const userInfo = wx.getStorageSync('userInfo')
    if (userInfo) {
      this.setData({
        userInfo
      })
    }
  },
  handleLogin() {
    // 用户未登录，跳转到登录页面
    wx.navigateTo({
      url: '/pages/login/login'
    })
  }
})

这样，“我的”页面的搭建就完成了。可以在小程序中预览效果。