MY CORNER我的小角落 {{myNickname}}ID {{myDisplayId}}{{myGender}} {{myAge}} {{myBirthday}}{{myInitial}} 我们的关系 {{partnerName}}ID {{partnerDisplayId}}{{partnerDetail}}{{partnerInitial}} 另一半还没有加入邀请TA，共写这本生活手账绑定情侣 存储空间 👑 {{storageText}} 已用 {{storageUsedText}}{{storageExpireText ? ' · ' + storageExpireText : ''}} 查看 › 存储空间 {{storageText}} {{storageOverQuota ? '已超出免费空间，升级后可继续上传' : '已用 ' + storagePercent + '% 免费空间'}} {{storageOverQuota ? '扩容 ›' : '查看 ›'}} {{item.label}}{{item.count}} 部分统计未加载，点击重试 {{editNicknameInitial || '?'}}点击更换头像 我的ID: {{myDisplayId}} 昵称 性别{{editGenderText || '请选择'}} 生日{{editBirthday || '请选择日期'}}自动计算：{{editAge}}岁 恋爱纪念日{{tempLoveDate || '设置你们在一起的日期'}} 恋爱故事 保存 编辑TA的资料 {{editPartnerNameInitial || '?'}}{{partnerAvatarUploading ? '正在上传头像…' : '点击更换头像'}} TA的ID: {{partnerDisplayId}} 昵称 性别{{editPartnerGenderText || '请选择'}} 生日{{editPartnerBirthday || '请选择日期'}}自动计算：{{editPartnerAge}}岁 恋爱纪念日{{tempLoveDate || '设置你们在一起的日期'}} 恋爱故事</view> </scroll-view> <view class="edit-footer"><button class="btn btn-primary" bindtap="savePartnerProfile" loading="{{partnerSaving}}" disabled="{{partnerSaving || partnerAvatarUploading}}" hover-class="none">保存</button></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 placeholder-class="handwritten-placeholder" 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>