wx-parent/pages/me/me.wxml

<!-- pages/me/me.wxml -->
<view class="containerss">
    <!-- 用户信息 -->
    <view class="user-info">
        <!-- <image class="avatar" src="{{userInfo.avatar}}" mode="aspectFill"></image> -->
        <view class="avatar">
          <image style="width: 100%; height: 100%;border-radius: 50%;" src="{{userInfo.img}}" alt=""/>
          <image bindtap="chooseAvatar" class="xiangjiimgs" src="{{xiangjiimg}}" mode=""/>
        </view>
        <view class="info">
            <view style="display: flex; align-items: center;">
              <text class="name">{{userInfo.user_name}}</text>
              <image bindtap="goToGoodsLists" style="width: 35rpx;height: 35rpx;margin-left: 20rpx;" src="{{xiugaiimg}}" mode=""/>
            </view>
            <view class="info_view2">
              {{xxdata.name}}
            </view>
        </view>
    </view>

    <!-- 绑定手机号 -->
    <view class="phone-binding">
        <text style="margin-right: 20rpx;">绑定手机号：{{userInfo.phone ? displayPhone : '未绑定'}}</text>
        <navigator url="/subpackages/changephone/changephone" open-type="navigate" wx:if="{{userInfo.phone}}">更改手机号</navigator>
    </view>

    <!-- 订单状态 -->
    <view class="order-status">
        <view class="status-item" wx:for="{{orderStatus}}" wx:key="index">
            <view style="display: flex; align-items: center; flex-direction: column;" bindtap="goToGoodsList" data-type="{{ item.type }}">
              <view class="circle">
                <image style="width: 100%; height: 100%;" src="{{item.url}}" mode=""/>
              </view>
              <view style="margin-top: 16rpx;">{{item.text}}</view>
            </view>
        </view>
    </view>

    <!-- 购买历史 -->
    <view class="history">
        <view class="title">
            <text>购买历史</text>
            <navigator url="/subpackages/purchasehistory/purchasehistory" open-type="navigate">查看更多</navigator>
        </view>
        <view class="items">
            <block wx:for="{{historyItems}}" wx:key="id">
                <view class="item">
                    <!-- <image mode="aspectFill"></image> -->
                    <view class="thumbnail">
                      <image style="width: 100%; height: 100%;" src="{{item.cover}}" mode=""/>
                    </view>
                    <view class="details">
                        <view class="name">{{item.name}}</view>
                        <view class="date">{{item.createdAt}}</view>
                    </view>
                    <view class="xiazai_img">
                      <image class="search-icon" src="{{souchangs}}" />
                    </view>
                </view>
            </block>
        </view>
    </view>

    <!-- 用户注销 -->
    <button class="logout-btn" size="default" bindtap="handleLogout">用户注销</button>

    <!-- <custom-tabbar role="{{role}}" selected="{{2}}" /> -->
</view>