soul-yongping/miniprogram/pages/member-detail/member-detail.wxml

<!-- Soul创业派对 - 超级个体详情（按 enhanced_professional_profile 1:1 还原） -->
<view class="page">
  <!-- 导航栏 -->
  <view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
    <view class="nav-back" bindtap="goBack">
      <text class="nav-icon">‹</text>
    </view>
    <text class="nav-title">个人资料</text>
    <view class="nav-right">
      <view class="nav-icon-wrap"><text class="nav-icon">⋯</text></view>
      <view class="nav-icon-wrap"><text class="nav-icon-dot">●</text></view>
    </view>
  </view>
  <view style="height: {{statusBarHeight + 44}}px;"></view>

  <scroll-view scroll-y class="scroll-wrap" wx:if="{{member}}">
    <!-- 顶部 profile 卡片 -->
    <view class="card-profile">
      <view class="profile-deco"></view>
      <view class="profile-body">
        <view class="avatar-wrap {{member.isVip ? 'vip-ring' : ''}}">
          <image class="avatar-img" wx:if="{{member.avatar}}" src="{{member.avatar}}" mode="aspectFill"/>
          <view class="avatar-ph" wx:else><text>{{member.name[0] || '创'}}</text></view>
          <view class="vip-tag" wx:if="{{member.isVip}}">VIP</view>
        </view>
        <text class="profile-name">{{member.name}}</text>
        <view class="profile-tags">
          <text class="tag tag-mbti" wx:if="{{member.mbti}}">{{member.mbti}}</text>
          <text class="tag tag-region" wx:if="{{member.region}}"><text class="pin-icon">📍</text>{{member.region}}</text>
        </view>
      </view>
    </view>

    <!-- 基本信息 -->
    <view class="card">
      <view class="card-head">
        <text class="card-icon">👤</text>
        <text class="card-label">基本信息</text>
      </view>
      <view class="card-body">
        <view class="field" wx:if="{{member.industry}}">
          <text class="f-key">行业</text>
          <text class="f-val">{{member.industry}}</text>
        </view>
        <view class="field" wx:if="{{member.position}}">
          <text class="f-key">职位</text>
          <text class="f-val">{{member.position}}</text>
        </view>
        <view class="field" wx:if="{{member.businessScale}}">
          <text class="f-key">业务体量</text>
          <text class="f-val">{{member.businessScale}}</text>
        </view>
        <view class="divider" wx:if="{{member.industry || member.position || member.businessScale}}"></view>
        <view class="field" wx:if="{{member.skills}}">
          <text class="f-key">我擅长</text>
          <text class="f-val">{{member.skills}}</text>
        </view>
        <view class="field" wx:if="{{member.contactDisplay || member.contactRaw}}">
          <text class="f-key">联系方式</text>
          <view class="f-row">
            <text class="f-val mono">{{member.contactDisplay || '未填写'}}</text>
            <view class="icon-copy" wx:if="{{!member.contactUnlocked}}" bindtap="unlockContact">🔒</view>
            <view class="icon-copy" wx:else bindtap="copyContact">📋</view>
          </view>
        </view>
        <view class="field" wx:if="{{member.wechatDisplay || member.wechatRaw}}">
          <text class="f-key">微信号</text>
          <view class="f-row">
            <text class="f-val mono">{{member.wechatDisplay || '未填写'}}</text>
            <view class="icon-copy" wx:if="{{!member.wechatUnlocked}}" bindtap="unlockContact">🔒</view>
            <view class="icon-copy" wx:else bindtap="copyWechat">📋</view>
          </view>
        </view>
      </view>
    </view>

    <!-- 个人故事 -->
    <view class="card" wx:if="{{member.bestMonth || member.achievement || member.turningPoint}}">
      <view class="card-head">
        <text class="card-icon bulb">💡</text>
        <text class="card-label">个人故事</text>
      </view>
      <view class="card-body">
        <view class="story" wx:if="{{member.bestMonth}}">
          <view class="story-head"><text class="story-icon">🏆</text><text class="story-q">最赚钱的一个月做的是什么</text></view>
          <text class="story-a">{{member.bestMonth}}</text>
        </view>
        <view class="divider" wx:if="{{member.bestMonth && (member.achievement || member.turningPoint)}}"></view>
        <view class="story" wx:if="{{member.achievement}}">
          <view class="story-head"><text class="story-icon">⭐</text><text class="story-q">最有成就感的一件事</text></view>
          <text class="story-a">{{member.achievement}}</text>
        </view>
        <view class="divider" wx:if="{{member.achievement && member.turningPoint}}"></view>
        <view class="story" wx:if="{{member.turningPoint}}">
          <view class="story-head"><text class="story-icon turn">🔄</text><text class="story-q">人生的转折点</text></view>
          <text class="story-a">{{member.turningPoint}}</text>
        </view>
      </view>
    </view>

    <!-- 互助需求 -->
    <view class="card" wx:if="{{member.canHelp || member.needHelp}}">
      <view class="card-head">
        <text class="card-icon">🤝</text>
        <text class="card-label">互助需求</text>
      </view>
      <view class="card-body">
        <view class="help-box help-give" wx:if="{{member.canHelp}}">
          <text class="help-tag">我能帮你</text>
          <text class="help-txt">{{member.canHelp}}</text>
        </view>
        <view class="help-box help-need" wx:if="{{member.needHelp}}">
          <text class="help-tag need">我需要帮助</text>
          <text class="help-txt">{{member.needHelp}}</text>
        </view>
      </view>
    </view>

    <!-- 项目介绍 -->
    <view class="card" wx:if="{{member.project}}">
      <view class="card-head">
        <text class="card-icon rocket">🚀</text>
        <text class="card-label">项目介绍</text>
      </view>
      <text class="proj-txt">{{member.project}}</text>
    </view>

    <!-- 底部按钮 -->
    <view class="bottom-wrap">
      <view class="btn-super" bindtap="goToVip">
        <text>成为超级个体</text>
        <text class="btn-arrow">→</text>
      </view>
    </view>
    <view style="height:160rpx;"></view>
  </scroll-view>

  <!-- 加载和空状态 -->
  <view class="state-wrap" wx:if="{{loading}}">
    <view class="loading-dot"></view>
    <text class="state-txt">加载中...</text>
  </view>
  <view class="state-wrap" wx:if="{{!loading && !member}}">
    <text class="state-emoji">👤</text>
    <text class="state-txt">暂无该超级个体信息</text>
  </view>
</view>