kydc/me/me.wxml

<view class="page">
  <scroll-view scroll-y class="content">
    <canvas canvas-id="avatar-canvas" class="avatar-canvas"></canvas>
    <view wx:if="{{loading}}" class="empty-state">
      <text class="empty-title">加载中...</text>
      <text class="empty-subtitle">正在获取个人信息</text>
    </view>

    <view wx:elif="{{!openid}}" class="empty-state">
      <text class="empty-title">还未登录</text>
      <text class="empty-subtitle">请点击下方按钮手动登录后继续使用</text>
      <button class="secondary-btn error-btn" bindtap="manualLogin">手动登录</button>
    </view>

    <view wx:elif="{{error}}" class="error-banner">
      <text class="error-text">{{error}}</text>
      <button class="secondary-btn error-btn" bindtap="loadProfile">重试</button>
    </view>

    <view wx:else class="hero-section">
      <button class="hero-avatar-wrap avatar-choose-btn" hover-class="none" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">
        <view class="hero-avatar-border">
          <image class="hero-avatar" src="{{avatarUrl || defaultAvatarUrl}}" mode="aspectFill" binderror="onAvatarError" />
          <view class="avatar-mask">
            <text class="avatar-mask-text">选择头像</text>
          </view>
        </view>
      </button>
      <view class="hero-info">
        <text class="hero-name" bindtap="openNicknameModal">{{name}}</text>
        <view class="hero-badge">
          <view class="pulse-dot"></view>
          <text class="badge-text">坚持了 {{days}} 天</text>
        </view>
      </view>
    </view>

    <view wx:if="{{openid && badges === 0}}" class="empty-state small">
      <text class="empty-title">还没有解锁成就</text>
      <text class="empty-subtitle">继续复习和打卡，成就会逐渐点亮</text>
    </view>

    <view wx:if="{{openid}}" class="grid-2">
      <view class="glass-card accent-tertiary" bindtap="goTo" data-url="/package-stats/pages/achievements/achievements">
        <view class="card-glow"></view>
        <view class="card-icon icon-tertiary">🏅</view>
        <text class="card-title">成就墙</text>
        <text class="card-subtitle">已解锁 {{badges}} 枚勋章</text>
      </view>
      <view class="glass-card accent-secondary" bindtap="goTo" data-url="/package-stats/pages/checkin-detail/checkin-detail">
        <view class="card-glow"></view>
        <view class="card-icon icon-secondary">📅</view>
        <text class="card-title">打卡详情</text>
        <text class="card-subtitle">查看坚持记录</text>
      </view>
    </view>

    <view class="divider-row">
      <view class="divider"></view>
      <text class="section-kicker">数据管理</text>
      <view class="divider"></view>
    </view>

    <view class="grid-2 management-grid">
      <view class="small-action" bindtap="goTo" data-url="/package-vocab/pages/vocab-manage/vocab-manage">
        <view class="small-icon primary">📚</view>
        <text class="small-text">词库管理</text>
      </view>
      <view class="small-action" bindtap="goTo" data-url="/package-vocab/pages/entry-edit/entry-edit">
        <view class="small-icon secondary">＋</view>
        <text class="small-text">手动新增</text>
      </view>
      <view class="small-action" bindtap="goTo" data-url="/package-vocab/pages/batch-upload/batch-upload">
        <view class="small-icon tertiary">☁</view>
        <text class="small-text">批量上传</text>
      </view>
      <view class="small-action" bindtap="goTo" data-url="/package-stats/pages/progress-list/progress-list">
        <view class="small-icon primary-fixed">≡</view>
        <text class="small-text">进度列表</text>
      </view>
    </view>

    <view class="settings-card" bindtap="goTo" data-url="/package-stats/pages/settings/settings">
      <view class="settings-icon">⚙</view>
      <text class="settings-text">设置中心</text>
      <view class="chevron">›</view>
    </view>
  </scroll-view>

  <view wx:if="{{showNicknameModal}}" class="modal-mask" bindtap="closeNicknameModal">
    <view class="modal-card" catchtap="noop">
      <view class="modal-header">
        <text class="modal-title">修改昵称</text>
        <text class="modal-close" bindtap="closeNicknameModal">×</text>
      </view>
      <input class="modal-input" type="nickname" value="{{nicknameDraft}}" placeholder="请输入昵称" maxlength="100" focus="true" bindinput="onNicknameInput" />
      <view class="modal-actions">
        <button class="modal-btn ghost" bindtap="closeNicknameModal">取消</button>
        <button class="modal-btn primary" bindtap="saveNickname">保存</button>
      </view>
    </view>
  </view>

  <view class="bottom-nav">
    <view class="nav-item" bindtap="goHome"><text class="nav-icon">⌂</text><text class="nav-label">首页</text></view>
    <view class="nav-item" bindtap="goToReview"><text class="nav-icon">↻</text><text class="nav-label">复习</text></view>
    <view class="nav-item active"><text class="nav-icon">☺</text><text class="nav-label">我的</text></view>
  </view>
</view>