<!-- 阿龙电竞 - 邀请码页面 -->
<view class="yaoqingma-page">
  <!-- 顶部装饰条 -->
  <view class="top-decoration"></view>
  
  <!-- 页面标题 -->
  <view class="page-title">
    <text class="title-text">专属邀请码</text>
    <text class="title-sub">分享邀请码，招募更多大手</text>
  </view>
  
  <!-- 邀请码展示卡片 -->
  <view class="yaoqingma-card {{isLoading ? 'card-loading' : ''}}">
    <!-- 卡片装饰角 -->
    <view class="card-corner top-left"></view>
    <view class="card-corner top-right"></view>
    <view class="card-corner bottom-left"></view>
    <view class="card-corner bottom-right"></view>
    
    <!-- 卡片内容 -->
    <view class="card-content">
      <!-- 加载状态 -->
      <view wx:if="{{isLoading}}" class="loading-container">
        <view class="loading-spinner"></view>
        <text class="loading-text">正在生成邀请码...</text>
      </view>
      
      <!-- 正常展示状态 -->
      <view wx:else class="code-container">
        <text class="code-label">我的邀请码</text>
        <view class="code-display">
          <text class="code-text {{copySuccess ? 'code-copied' : ''}}">{{yaoqingma || '点击下方按钮生成'}}</text>
          <view wx:if="{{yaoqingma}}" class="code-status {{copySuccess ? 'status-show' : ''}}">
            <text class="iconfont icon-success">✓</text>
            <text>已复制</text>
          </view>
        </view>
        
        <text class="code-tip">此邀请码用于招募大手，每个管事唯一</text>
      </view>
    </view>
  </view>
  
  <!-- 操作按钮区域 -->
  <view class="action-area">
    <!-- 生成/复制按钮 -->
    <view 
      class="action-btn {{isLoading ? 'btn-disabled' : ''}} {{yaoqingma ? 'btn-copy' : 'btn-generate'}}" 
      bindtap="{{isLoading ? '' : 'chuliYaoqingma'}}"
      hover-class="btn-hover"
      hover-stay-time="50"
    >
      <!-- 按钮背景光效 -->
      <view class="btn-glow"></view>
      
      <!-- 按钮内容 -->
      <view class="btn-content">
        <text class="btn-icon">{{yaoqingma ? '📋' : '✨'}}</text>
        <text class="btn-text">{{yaoqingma ? '一键复制邀请码' : '生成我的邀请码'}}</text>
      </view>
      
      <!-- 按钮说明 -->
      <text class="btn-desc">{{yaoqingma ? '点击复制到剪贴板' : '点击生成专属邀请码'}}</text>
    </view>
    
    <!-- 使用说明 -->
    <view class="instruction">
      <view class="instruction-item">
        <text class="instruction-icon">🔗</text>
        <text class="instruction-text">将邀请码分享给打手，他们注册时填写即可绑定</text>
      </view>
      <view class="instruction-item">
        <text class="instruction-icon">💰</text>
        <text class="instruction-text">成功邀请的打手充值押金，您将获得分佣奖励</text>
      </view>
      <view class="instruction-item">
        <text class="instruction-icon">⚠️</text>
        <text class="instruction-text">邀请码仅限本人使用，请勿泄露给他人</text>
      </view>
    </view>
  </view>
  <global-notification id="global-notification" />

  
</view>