soul-yongping/miniprogram/pages/profile-show/profile-show.wxml

<!-- 个人资料展示页 - 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="back-icon">‹</text></view>
    <text class="nav-title">个人资料</text>
    <view class="nav-right" bindtap="goToEdit"><text class="nav-more">⋯</text></view>
  </view>
  <view class="nav-placeholder" style="height: {{statusBarHeight + 44}}px;"></view>

  <view class="loading" wx:if="{{loading}}">加载中...</view>
  <scroll-view wx:else class="scroll-main" scroll-y>
    <!-- 头像区卡片 -->
    <view class="hero-card" wx:if="{{profile}}">
      <view class="hero-gradient"></view>
      <view class="hero-content">
        <view class="hero-avatar">
          <image wx:if="{{profile.avatar}}" class="avatar-img" src="{{profile.avatar}}" mode="aspectFill"/>
          <view wx:else class="avatar-placeholder">{{profile.nickname ? profile.nickname[0] : '?'}}</view>
        </view>
        <text class="hero-name">{{profile.nickname || '未设置昵称'}}</text>
        <view class="hero-tags">
          <text class="tag tag-mbti" wx:if="{{profile.mbti}}">{{profile.mbti}}</text>
          <text class="tag tag-region" wx:if="{{profile.region}}">📍 {{profile.region}}</text>
        </view>
      </view>
    </view>

    <!-- 基本信息 -->
    <view class="section">
      <view class="section-head">
        <text class="section-icon">👤</text>
        <text class="section-title">基本信息</text>
      </view>
      <view class="section-body">
        <view class="field" wx:if="{{profile.industry}}">
          <text class="field-label">行业</text>
          <text class="field-value">{{profile.industry}}</text>
        </view>
        <view class="field" wx:if="{{profile.position}}">
          <text class="field-label">职位</text>
          <text class="field-value">{{profile.position}}</text>
        </view>
        <view class="field" wx:if="{{profile.businessScale}}">
          <text class="field-label">业务体量</text>
          <text class="field-value">{{profile.businessScale}}</text>
        </view>
        <view class="field-divider" wx:if="{{profile.industry || profile.position || profile.businessScale}}"></view>
        <view class="field" wx:if="{{profile.skills}}">
          <text class="field-label">我擅长</text>
          <text class="field-value">{{profile.skills}}</text>
        </view>
        <view class="field" wx:if="{{profile.phoneMask || profile.phone}}">
          <text class="field-label">联系方式</text>
          <view class="field-value-row" bindtap="copyPhone">
            <text class="field-value mono">{{profile.phoneMask || profile.phone || '未填写'}}</text>
            <text class="field-hint" wx:if="{{profile.phone}}">复制</text>
          </view>
        </view>
        <view class="field" wx:if="{{profile.wechatMask || profile.wechat}}">
          <text class="field-label">微信号</text>
          <view class="field-value-row" bindtap="copyWechat">
            <text class="field-value mono">{{profile.wechatMask || profile.wechat || '未填写'}}</text>
            <text class="field-hint" wx:if="{{profile.wechat}}">复制</text>
          </view>
        </view>
        <view class="field-empty" wx:if="{{!profile.industry && !profile.position && !profile.businessScale && !profile.skills && !profile.phone && !profile.wechat}}">
          点击右上角 ⋯ 编辑完善资料
        </view>
      </view>
    </view>

    <!-- 个人故事 -->
    <view class="section" wx:if="{{profile.storyBestMonth || profile.storyAchievement || profile.storyTurning}}">
      <view class="section-head">
        <text class="section-icon section-icon-yellow">💡</text>
        <text class="section-title">个人故事</text>
      </view>
      <view class="section-body">
        <view class="story-block" wx:if="{{profile.storyBestMonth}}">
          <view class="story-head"><text class="story-emoji">🏆</text><text class="story-label">最赚钱的一个月做的是什么</text></view>
          <text class="story-text">{{profile.storyBestMonth}}</text>
        </view>
        <view class="field-divider" wx:if="{{profile.storyBestMonth && (profile.storyAchievement || profile.storyTurning)}}"></view>
        <view class="story-block" wx:if="{{profile.storyAchievement}}">
          <view class="story-head"><text class="story-emoji">⭐</text><text class="story-label">最有成就感的一件事</text></view>
          <text class="story-text">{{profile.storyAchievement}}</text>
        </view>
        <view class="field-divider" wx:if="{{profile.storyAchievement && profile.storyTurning}}"></view>
        <view class="story-block" wx:if="{{profile.storyTurning}}">
          <view class="story-head"><text class="story-emoji">🔄</text><text class="story-label">人生的转折点</text></view>
          <text class="story-text">{{profile.storyTurning}}</text>
        </view>
      </view>
    </view>

    <!-- 互助需求 -->
    <view class="section" wx:if="{{profile.helpOffer || profile.helpNeed}}">
      <view class="section-head">
        <text class="section-icon">🤝</text>
        <text class="section-title">互助需求</text>
      </view>
      <view class="section-body">
        <view class="help-block" wx:if="{{profile.helpOffer}}">
          <text class="help-tag help-tag-accent">我能帮你</text>
          <text class="help-text">{{profile.helpOffer}}</text>
        </view>
        <view class="help-block" wx:if="{{profile.helpNeed}}">
          <text class="help-tag help-tag-orange">我需要帮助</text>
          <text class="help-text">{{profile.helpNeed}}</text>
        </view>
      </view>
    </view>

    <!-- 项目介绍 -->
    <view class="section" wx:if="{{profile.projectIntro}}">
      <view class="section-head">
        <text class="section-icon">🚀</text>
        <text class="section-title">项目介绍</text>
      </view>
      <view class="section-body">
        <text class="project-text">{{profile.projectIntro}}</text>
      </view>
    </view>

    <view class="bottom-spacer"></view>
  </scroll-view>

  <!-- 底部按钮 - 设计稿为描边橙色 -->
  <view class="bottom-bar">
    <view class="vip-btn-outline" bindtap="goToVip">
      <text>成为超级个体</text>
      <text class="vip-btn-arrow">→</text>
    </view>
  </view>
</view>