store_node/miniprogram/pages/profile/index.wxml

<view class="profile-container">
  <!-- 用户信息区域 -->
  <view class="user-info">
    <view class="user-info-bg"></view>
    <view class="user-info-content" style="height: 250rpx; display: flex; box-sizing: border-box; left: 0rpx; top: 0rpx">
      <image class="avatar" src="{{userInfo.avatarUrl || '/images/default_avatar.png'}}"></image>
      <view class="user-details" wx:if="{{hasUserInfo}}">
        <text class="nickname">{{userInfo.nickName}}</text>
        <text class="school">{{userInfo.school}} {{userInfo.studentId}}</text>
      </view>
      <!-- 新版获取用户信息按钮 -->
      <button class="login-btn" wx:if="{{!hasUserInfo}}" bindtap="getUserProfile">授权登录</button>

    </view>
    <!-- 编辑昵称头像弹窗 -->
    <!-- 2025-8-1任柯敏添加 -->
  <view wx:if="{{showEditDialog}}" class="edit-dialog-mask">
    <view class="edit-dialog">
      <!-- <text class="dialog-title">完善个人信息</text> -->
      <image class="edit-avatar" src="{{editUserInfo.avatarUrl}}"></image>
      <button open-type="chooseAvatar" bindchooseavatar="chooseAvatar">点击更换头像</button>

      <input class="edit-nickname-input" placeholder="请输入昵称" value="{{editUserInfo.nickName}}" bindinput="onNickNameInput" />

      <input class="edit-nickname-input" placeholder="请输入学校名称" value="{{editUserInfo.school}}" bindinput="onschoolInput" />
      <input class="edit-nickname-input" placeholder="请输入学号" value="{{editUserInfo.studentId}}" bindinput="onstudentIdInput" />
      <view class="dialog-btns">
        <button bindtap="cancelEdit">取消</button>
        <button bindtap="confirmEdit">确认</button>
      </view>
    </view>
  </view>

  </view>

  <!-- 我的钱包 -->
  <view class="wallet-card">
    <view class="wallet-item">
      <text class="wallet-value">{{wallet.balance}}</text>
      <text class="wallet-label">余额</text>
    </view>
    <view class="wallet-divider"></view>
    <view class="wallet-item">
      <text class="wallet-value">{{wallet.points}}</text>
      <text class="wallet-label">积分</text>
    </view>
    <view class="wallet-divider"></view>
    <view class="wallet-item">
      <text class="wallet-value">{{wallet.coupons}}</text>
      <text class="wallet-label">优惠券</text>
    </view>
  </view>
  
  <!-- 订单区域 -->
  <view class="section-card">
    <view class="section-header">
      <text class="section-title">我的订单</text>
      <navigator url="/pages/profile/orders" class="section-more">
        <text>全部订单</text>
        <image class="arrow-icon" src="/images/arrow.png"></image>
      </navigator>
    </view>
    <view class="order-types">
      <navigator url="/pages/profile/orders?status=waiting" class="order-type-item">
        <image class="order-type-icon" src="/images/waiting.png"></image>
        <text>待付款</text>
        <text class="badge" wx:if="{{orderCount.waiting > 0}}">{{orderCount.waiting}}</text>
      </navigator>
      <navigator url="/pages/profile/orders?status=processing" class="order-type-item">
        <image class="order-type-icon" src="/images/processing.png"></image>
        <text>进行中</text>
        <text class="badge" wx:if="{{orderCount.processing > 0}}">{{orderCount.processing}}</text>
      </navigator>
      <navigator url="/pages/profile/orders?status=completed" class="order-type-item">
        <image class="order-type-icon" src="/images/completed.png"></image>
        <text>已完成</text>
        <text class="badge" wx:if="{{orderCount.completed > 0}}">{{orderCount.completed}}</text>
      </navigator>
      <navigator url="/pages/profile/orders?status=refund" class="order-type-item">
        <image class="order-type-icon" src="/images/refund.png"></image>
        <text>退款/售后</text>
        <text class="badge" wx:if="{{orderCount.refund > 0}}">{{orderCount.refund}}</text>
      </navigator>
    </view>
  </view>

  <!-- 我的服务 -->
  <view class="section-card">
    <view class="section-header">
      <text class="section-title">我的服务</text>
    </view>
    <view class="service-list">
      <view class="service-item" bindtap="navigateTo" data-url="/pages/profile/my_posts">
        <image class="service-icon" src="/images/my_posts.png"></image>
        <text>我的发布</text>
      </view>
      <view class="service-item" bindtap="navigateTo" data-url="/pages/profile/favorites">
        <image class="service-icon" src="/images/favorites.png"></image>
        <text>我的收藏</text>
      </view>
      <view class="service-item" bindtap="navigateTo" data-url="/pages/profile/address">
        <image class="service-icon" src="/images/address.png"></image>
        <text>收货地址</text>
      </view>
      <view class="service-item" bindtap="navigateTo" data-url="/pages/profile/feedback">
        <image class="service-icon" src="/images/feedback.png"></image>
        <text>意见反馈</text>
      </view>
      <view class="service-item" bindtap="navigateTo" data-url="/pages/profile/settings">
        <image class="service-icon" src="/images/settings.png"></image>
        <text>设置</text>
      </view>
      <view class="service-item" bindtap="navigateTo" data-url="/pages/profile/settings">
        <image class="service-icon" src="/images/settings.png"></image>
        <text>联系客服</text>
      </view>
      
    </view>
  </view>

  <!-- 客服按钮 -->
  <!-- <button class="customer-service" open-type="contact">联系客服</button> -->
  <button class="logout-btn" wx:if="{{hasUserInfo}}" bindtap="logout">退出登录</button>
</view>