past-go/weapp/pages/profile/profile.wxml

<view class="app-shell" style="{{layoutStyle}}">
<launch-transition />
<!-- pages/profile/profile.wxml -->
<view wx:if="{{!showEditProfileModal && !showEditPartnerModal}}" class="j-fixed-header"><view class="j-fixed-heading" style="height:{{barHeight}}px;padding-right:{{navSide}}px;"><text class="j-eyebrow">MY CORNER</text><text class="j-page-title">我的小角落</text></view></view>
<view wx:if="{{!showEditProfileModal && !showEditPartnerModal}}" class="page-root" bindtouchstart="onTouchStart" bindtouchend="onTouchEnd">
<scroll-view class="page-bg j-main-scroll" scroll-y show-scrollbar="{{false}}" bounces="{{true}}" bindscroll="onScroll" scroll-top="{{scrollTop}}">
<view class="j-body">
<view class="j-profile-summary" bindtap="showEditProfileModal"><view class="j-profile-info"><text class="j-profile-name">{{myNickname}}</text><text class="j-caption">ID {{myDisplayId}}</text><text class="j-caption">{{myGender}} {{myAge}} {{myBirthday}}</text><text class="j-link">编辑资料 →</text></view><view class="j-avatar"><image wx:if="{{myAvatarUrl}}" src="{{myAvatarUrl}}" mode="aspectFill" /><text wx:else>{{myInitial}}</text></view></view>
<view class="j-section-head"><text>我们的关系</text></view>
<view wx:if="{{bindingKnown && hasPartner}}" class="j-relation-card"><view class="j-row" bindtap="showEditPartnerModal"><view><text class="j-small-title">{{partnerName}}</text><text class="j-caption" wx:if="{{partnerDisplayId}}">ID {{partnerDisplayId}}</text><text class="j-caption">{{partnerDetail}}</text><text class="j-link">查看TA的资料 →</text></view><view class="j-avatar"><image wx:if="{{partnerAvatarUrl}}" src="{{partnerAvatarUrl}}" mode="aspectFill" /><text wx:else>{{partnerInitial}}</text></view></view><view class="j-profile-setting" bindtap="manageRelationship"><image src="/images/heart.svg" /><view><text class="j-small-title">关系管理</text><text class="j-caption">绑定信息与解绑</text></view><text class="j-link">›</text></view></view>
<view wx:elif="{{bindingKnown}}" class="j-invite" bindtap="showInvitePanel"><view><text class="j-small-title">另一半还没有加入</text><text class="j-caption">邀请TA，共写这本生活手账</text></view><text class="j-outline-label">绑定情侣</text></view>
<page-state wx:elif="{{bindingError}}" kind="error" title="绑定状态加载失败" action="重新加载" bind:action="loadData" /><page-state wx:else kind="loading" title="正在获取绑定状态" />
<view class="j-profile-setting" bindtap="goToSettings"><image src="/images/settings.svg" /><view><text class="j-small-title">外观与通知</text><text class="j-caption">背景、通知与账号设置</text></view><text class="j-link">›</text></view>
</view>
</scroll-view>
</view>

<app-tabbar />

<view wx:if="{{showEditProfileModal}}" class="edit-root" bindtouchstart="onTouchStart" bindtouchend="onTouchEnd">
  <view class="edit-nav"><view class="back-btn" bindtap="hideEditProfileModal"><image class="back-icon" src="/images/back.svg" mode="aspectFit" /></view></view>
  <view class="edit-body" bindtouchstart="onTouchStart" bindtouchend="onTouchEnd">
    <view class="edit-avatar-wrap" bindtap="chooseAvatar"><image wx:if="{{editAvatarUrl}}" src="{{editAvatarUrl}}" mode="aspectFill" class="edit-avatar-img"></image><text wx:else class="edit-avatar-placeholder">{{editNicknameInitial || '?'}}</text><text class="edit-avatar-hint">点击更换头像</text></view>
    <text class="edit-id">我的ID: {{myDisplayId}}</text>
    <view class="input-group"><label>昵称</label><input class="input" placeholder="你的昵称" value="{{editNickname}}" bindinput="onEditNicknameInput" /></view>
    <view class="input-group"><label>性别</label><picker mode="selector" range="{{genderOptions}}" bindchange="onEditGenderChange"><view class="input">{{editGenderText || '请选择'}}</view></picker></view>
    <view class="input-group"><label>生日</label><picker mode="date" value="{{editBirthday}}" bindchange="onEditBirthdayInput"><view class="input">{{editBirthday || '请选择日期'}}</view></picker><text style="font-size:24rpx;color:#B74768;margin-top:8rpx;display:block;" wx:if="{{editAge}}">自动计算：{{editAge}}岁</text></view>
    <view class="input-group" wx:if="{{hasPartner}}"><label>恋爱纪念日</label><picker mode="date" value="{{tempLoveDate}}" bindchange="onLoveDateInput"><view class="input">{{tempLoveDate || '设置你们在一起的日期'}}</view></picker></view>
    <view class="input-group" wx:if="{{hasPartner}}"><label>恋爱故事</label><textarea class="input" style="min-height:120rpx;" placeholder="记录你们的故事..." value="{{tempLoveStory}}" bindinput="onLoveStoryInput"></textarea></view>
  </view>
  <view class="edit-footer"><button class="btn btn-primary" bindtap="saveProfile" hover-class="none">保存</button></view>
</view>

<view wx:if="{{showEditPartnerModal}}" class="edit-root partner-view" bindtouchstart="onTouchStart" bindtouchend="onTouchEnd">
  <view class="edit-nav"><view class="back-btn" bindtap="hideEditPartnerModal"><image class="back-icon" src="/images/back.svg" mode="aspectFit" /></view><text class="partner-nav-title">TA的资料</text></view>
  <view class="edit-body" bindtouchstart="onTouchStart" bindtouchend="onTouchEnd">
    <view class="edit-avatar-wrap"><image wx:if="{{editPartnerAvatarUrl}}" src="{{editPartnerAvatarUrl}}" mode="aspectFill" class="edit-avatar-img"></image><text wx:else class="edit-avatar-placeholder">{{editPartnerNameInitial || '?'}}</text></view>
    <text class="edit-id" wx:if="{{partnerDisplayId}}">TA的ID: {{partnerDisplayId}}</text>
    <view class="input-group readonly"><label>昵称</label><view class="input readonly-text">{{editPartnerNickname || '未设置'}}</view></view>
    <view class="input-group readonly"><label>性别</label><view class="input readonly-text">{{editPartnerGenderText || '-'}}</view></view>
    <view class="input-group readonly"><label>生日</label><view class="input readonly-text">{{editPartnerBirthday || '-'}}</view></view>
    <view class="input-group readonly"><label>恋爱纪念日</label><view class="input readonly-text">{{tempLoveDate || '未设置'}}</view></view>
    <view class="input-group readonly"><label>恋爱故事</label><view class="input readonly-text" style="min-height:60rpx;">{{tempLoveStory || '未设置'}}</view></view>
  </view>
</view>

<!-- ===== 邀请绑定面板 ===== -->
<view wx:if="{{showInvitePanel}}" class="invite-root">
  <view class="invite-nav">
    <view class="back-btn" bindtap="hideInvitePanel"><image class="back-icon" src="/images/back.svg" mode="aspectFit" /></view>
    <text class="invite-nav-title">💕 绑定情侣</text>
    <view style="width:56rpx;"></view>
  </view>
  <scroll-view class="invite-body" scroll-y show-scrollbar="{{false}}">
    <view class="container" style="padding-top:200rpx;">
      <view class="card" style="padding:32rpx;text-align:center;margin-bottom:32rpx;">
        <text style="font-size:26rpx;color:#888;display:block;">你的ID</text>
        <text style="font-size:64rpx;font-weight:700;color:#B74768;display:block;margin-top:8rpx;" wx:if="{{myDisplayId}}">{{myDisplayId}}</text>
        <text style="font-size:64rpx;font-weight:700;color:#B74768;display:block;margin-top:8rpx;" wx:else>---</text>
        <text style="font-size:22rpx;color:#888;display:block;margin-top:8rpx;">将此ID告诉TA</text>
      </view>

      <view class="input-group">
        <label>TA的ID</label>
        <input class="input" type="tel" placeholder="输入对方的6位ID" value="{{inviteTargetId}}" bindinput="onInviteTargetIdInput" maxlength="6" />
      </view>
      <button class="btn btn-primary" bindtap="sendInvite" hover-class="none">
        <text>💕</text> 发送邀请
      </button>

      <view style="margin:32rpx 0;display:flex;align-items:center;gap:16rpx;">
        <view style="flex:1;height:2rpx;background:#FFE4EC;"></view>
        <text style="font-size:26rpx;color:#888;">或</text>
        <view style="flex:1;height:2rpx;background:#FFE4EC;"></view>
      </view>

      <button class="btn btn-secondary" open-type="share" hover-class="none">
        <text>💌</text> 分享给微信好友
      </button>

      <view class="invite-tabs" style="margin-top:32px;">
        <view class="invite-tab {{inviteTab == 'received' ? 'active' : ''}}" bindtap="switchInviteTab" data-tab="received">收到的邀请</view>
        <view class="invite-tab {{inviteTab == 'sent' ? 'active' : ''}}" bindtap="switchInviteTab" data-tab="sent">发出的邀请</view>
      </view>

      <view class="invite-list" wx:if="{{inviteTab == 'received'}}">
        <block wx:for="{{receivedInvites}}" wx:key="id">
          <view class="invite-card">
            <view class="invite-card-header">
              <view class="invite-avatar">{{item.from_initial}}</view>
              <view class="invite-info">
                <text class="invite-name">{{item.from_nickname || item.from_username}}</text>
                <text class="invite-time">{{item.short_date}}</text>
              </view>
              <text class="invite-status {{item.status == 'accepted' ? 'accepted' : 'pending'}}">{{item.status == 'accepted' ? '已接受' : '待处理'}}</text>
            </view>
            <view class="invite-message" wx:if="{{item.message}}">💌 {{item.message}}</view>
            <view class="invite-actions" wx:if="{{item.status == 'pending'}}">
              <button class="btn btn-primary btn-sm" bindtap="acceptInvite" data-id="{{item.id}}" hover-class="none">✅ 接受</button>
              <button class="btn btn-outline btn-sm" bindtap="rejectInvite" data-id="{{item.id}}" hover-class="none">❌ 拒绝</button>
            </view>
          </view>
        </block>
        <view class="empty-tip" wx:if="{{receivedInvites.length == 0}}">
          <text>暂无收到的邀请 💭</text>
        </view>
      </view>

      <view class="invite-list" wx:if="{{inviteTab == 'sent'}}">
        <block wx:for="{{sentInvites}}" wx:key="id">
          <view class="invite-card">
            <view class="invite-card-header">
              <view class="invite-avatar" style="background:linear-gradient(135deg,#82B1FF,#B388FF);">{{item.to_initial}}</view>
              <view class="invite-info">
                <text class="invite-name">{{item.to_nickname || item.to_username || item.to_phone}}</text>
                <text class="invite-time">{{item.short_date}}</text>
              </view>
              <text class="invite-status {{item.status == 'accepted' ? 'accepted' : 'pending'}}">{{item.status == 'accepted' ? '已接受' : '待处理'}}</text>
            </view>
          </view>
        </block>
        <view class="empty-tip" wx:if="{{sentInvites.length == 0}}">
          <text>暂无发出的邀请 💭</text>
        </view>
      </view>
    </view>
  </scroll-view>
</view>

<!-- ===== 分享绑定弹窗 ===== -->
<view wx:if="{{showShareBindModal}}" class="modal-overlay" bindtap="hideShareBindModal">
  <view class="modal" catchtap="noop" style="text-align:center;">
    <view class="auth-header">
      <text class="auth-icon" style="font-size:128rpx;">💌</text>
      <text class="auth-title">情侣邀请</text>
      <text class="auth-desc" wx:if="{{!shareDisagree}}">有人想和你绑定为情侣</text>
      <text class="auth-desc" wx:if="{{shareDisagree}}" style="color:#FF4757;">需要对方同意绑定后才能使用</text>
    </view>
    <view wx:if="{{!shareDisagree}}">
      <view class="card" style="padding:48rpx 32rpx;margin-bottom:40rpx;">
        <text style="font-size:36rpx;font-weight:600;display:block;color:#4A4A4A;">ID: {{shareInviterId}}</text>
        <text style="font-size:26rpx;color:#888;display:block;margin-top:8rpx;">想要和你绑定为情侣 💕</text>
      </view>
      <button class="btn btn-primary" bindtap="acceptShareBind" hover-class="none">
        <text>💕</text> 同意绑定
      </button>
      <button class="btn btn-outline" style="margin-top:16rpx;" bindtap="rejectShareBind" hover-class="none">
        不同意
      </button>
    </view>
    <view wx:if="{{shareDisagree}}">
      <view style="padding:80rpx 0;">
        <text style="font-size:80rpx;display:block;">😅</text>
        <text style="font-size:30rpx;color:#888;display:block;margin-top:32rpx;">需要对方同意绑定后才能使用本应用</text>
      </view>
    </view>
  </view>
</view>

</view>