YD_Event.miniApp/pages/mine/mine.wxml

<!-- 未登录 -->
<view wx:if="{{!loggedIn}}" class="not-logged">
  <view class="not-logged-inner">
    <text class="not-logged-tip">登录后可查看我的信息与参赛记录</text>
    <button class="go-login-btn" bindtap="goToLogin">去登录</button>
  </view>
</view>
<!-- 已登录 -->
<view wx:else class="mine-page">
  <!-- 蓝色头部区域 -->
  <view class="header">
    <image class="header-bg" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/bg.png" mode="aspectFill" />
    <view class="header-mask"></view>
    <mp-navigation-bar title="我的" background-color="transparent" color="#fff" back="{{false}}"></mp-navigation-bar>
  </view>
  <!-- 头像 + 手机号 -->
    <view class="profile-section">
      <view class="avatar-wrap" bindtap="onChooseAvatar">
        <!-- profile.avatar ||  -->
        <image class="avatar" src="https://q6.itc.cn/q_70/images03/20250306/355fba6a5cb049f5b98c2ed9f03cc5e1.jpeg" mode="aspectFill" />
        <view class="camera-icon">
          <image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/camera.png" mode="aspectFit" />
        </view>
      </view>
      <text class="phone-text">{{maskedPhone}}</text>
    </view>
  <!-- 内容区 -->
  <view class="content">
    <!-- 积分 & 证书双卡 -->
    <view class="stat-row">
      <view class="stat-card" bindtap="goToPoints">
        <view class="stat-left">
          <text class="stat-num">{{profile.points || 0}}</text>
          <text class="stat-label">我的积分</text>
        </view>
        <image class="stat-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/point.png" mode="aspectFit" />
      </view>
      <view class="stat-card" bindtap="goToCert">
        <view class="stat-left">
          <text class="stat-num">{{profile.certificateCount || 0}}</text>
          <text class="stat-label" style="color: #F4D053;">我的证书</text>
        </view>
        <image class="stat-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/book.png" mode="aspectFit" />
      </view>
    </view>
    <!-- 身份认证条 -->
    <view class="auth-bar" bindtap="goToAuth">
      <view class="auth-left">
        <text class="auth-title">身份认证</text>
        <text class="auth-desc">点击进行身份认证</text>
      </view>
      <view class="auth-badge auth-badge-{{authStatus === 2 ? 'y' : 'n'}}">
        <image class="auth-badge-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/auth-{{authStatus === 2 ? 'y' : 'n'}}.png" mode="aspectFit" />
        <text class="auth-badge-text">{{authStatusText}}</text>
      </view>
    </view>
    <!-- 功能入口：三个独立阴影卡片 -->
    <view class="func-list">
      <view class="func-menu-card" bindtap="goToOrders">
        <image class="func-menu-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/order.png" mode="aspectFit" />
        <text class="func-menu-text">我的订单</text>
        <text class="func-menu-arrow">›</text>
      </view>
      <view class="func-menu-card" bindtap="goToRecords">
        <image class="func-menu-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/history.png" mode="aspectFit" />
        <text class="func-menu-text">参赛记录</text>
        <text class="func-menu-arrow">›</text>
      </view>
      <view class="func-menu-card" bindtap="goToTeam">
        <image class="func-menu-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/team.png" mode="aspectFit" />
        <text class="func-menu-text">我的团队</text>
        <text class="func-menu-arrow">›</text>
      </view>
    </view>
  </view>
</view>