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">
      <icon name="chevron-left" size="44" color="#5EEAD4" customClass="nav-icon"></icon>
    </view>
    <text class="nav-title">个人资料</text>
    <view class="nav-placeholder"></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-outer">
          <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>
          <view class="vip-tag" wx:if="{{member.isVip}}">VIP</view>
        </view>
        <text class="profile-name">{{member.name}}</text>
        <view class="profile-tags" wx:if="{{member.mbti || member.region}}">
          <text class="tag tag-mbti" wx:if="{{member.mbti}}">{{member.mbti}}</text>
          <view class="tag tag-region" wx:if="{{member.region}}"><icon name="map-pin" size="24" color="currentColor" customClass="pin-icon"></icon><text>{{member.region}}</text></view>
        </view>
      </view>
    </view>

    <!-- 基本信息（未填写行已隐藏） -->
    <view class="card" wx:if="{{member.industry || member.position || member.businessScale || member.skills || member.contactRaw || member.contactDisplay || member.wechatRaw || member.wechatDisplay}}">
      <view class="card-head">
        <icon name="user" size="48" color="#00CED1" customClass="card-icon"></icon>
        <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.contactRaw || member.contactDisplay}}">
          <text class="f-key">联系方式</text>
          <view class="f-row">
            <text class="f-val mono">{{member.contactUnlocked ? member.contactFull : (member.contactDisplay || member.contactRaw)}}</text>
            <view class="icon-copy icon-eye-off" wx:if="{{member.contactRaw && !member.contactUnlocked}}" bindtap="unlockField" data-field="contact">
              <image class="icon-img" src="/assets/icons/eye-off.svg" mode="aspectFit"/>
            </view>
            <view class="icon-copy" wx:elif="{{member.contactRaw && member.contactUnlocked}}" bindtap="copyContact"><icon name="clipboard" size="32" color="#00CED1"></icon></view>
          </view>
        </view>
        <view class="field" wx:if="{{member.wechatRaw || member.wechatDisplay}}">
          <text class="f-key">微信号</text>
          <view class="f-row">
            <text class="f-val mono">{{member.wechatUnlocked ? member.wechatFull : (member.wechatDisplay || member.wechatRaw)}}</text>
            <view class="icon-copy icon-eye-off" wx:if="{{member.wechatRaw && !member.wechatUnlocked}}" bindtap="unlockField" data-field="wechat">
              <image class="icon-img" src="/assets/icons/eye-off.svg" mode="aspectFit"/>
            </view>
            <view class="icon-copy" wx:elif="{{member.wechatRaw && member.wechatUnlocked}}" bindtap="copyWechat"><icon name="clipboard" size="32" color="#00CED1"></icon></view>
          </view>
        </view>
      </view>
    </view>

    <!-- 个人故事（未填写行已隐藏） -->
    <view class="card" wx:if="{{member.bestMonth || member.achievement || member.turningPoint}}">
      <view class="card-head">
        <icon name="lightbulb" size="48" color="#FFD700" customClass="card-icon bulb"></icon>
        <text class="card-label">个人故事</text>
      </view>
      <view class="card-body">
        <view class="story" wx:if="{{member.bestMonth}}">
          <view class="story-head"><icon name="trophy" size="28" color="#FFD700" customClass="story-icon"></icon><text class="story-q">最赚钱的一个月做的是什么</text></view>
          <text class="story-a">{{member.bestMonth}}</text>
        </view>
        <view class="divider" wx:if="{{member.bestMonth}}"></view>
        <view class="story" wx:if="{{member.achievement}}">
          <view class="story-head"><icon name="star" size="28" color="#FFD700" customClass="story-icon"></icon><text class="story-q">最有成就感的一件事</text></view>
          <text class="story-a">{{member.achievement}}</text>
        </view>
        <view class="divider" wx:if="{{member.achievement}}"></view>
        <view class="story" wx:if="{{member.turningPoint}}">
          <view class="story-head"><icon name="refresh-cw" size="28" color="#FFD700" customClass="story-icon turn"></icon><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">
        <icon name="handshake" size="48" color="#00CED1" customClass="card-icon"></icon>
        <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">
        <icon name="rocket" size="48" color="#00CED1" customClass="card-icon rocket"></icon>
        <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>
        <icon name="chevron-right" size="36" color="#00CED1" customClass="btn-arrow"></icon>
      </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}}">
    <icon name="user" size="80" color="#3a3a3c" customClass="state-emoji"></icon>
    <text class="state-txt">暂无该超级个体信息</text>
  </view>
</view>