<view class="verification-popup {{isShow ? 'show' : ''}}">
  <!-- 遮罩层 -->
  <view class="overlay" bindtap="onClose"></view>
  
  <!-- 弹窗内容 -->
  <view class="popup-content">
    <!-- 标题区域 -->
    <view class="popup-header">
      <text class="title">输入验证码</text>
      <view class="close-btn" bindtap="onClose">
        <icon type="clear" size="20" color="#999" />
      </view>
    </view>
    
    <!-- 提示信息 -->
    <!-- <view class="message">
      验证码已发送至手机 {{phoneNumber}}
    </view> -->
    
    <!-- 验证码输入框 -->
    <view class="code-input-container">
      <view 
        wx:for="{{6}}" 
        wx:key="index" 
        class="code-input {{currentIndex === index ? 'active' : ''}} {{codes[index] ? 'filled' : ''}}"
        bindtap="focusInput"
      >
        <text>{{codes[index] || ''}}</text>
      </view>
      <!-- 实际输入框（隐藏） -->
      <input 
        class="real-input" 
        type="number" 
        maxlength="6" 
        focus="{{isFocus}}" 
        value="{{codeValue}}"
        bindinput="onCodeInput"
        bindblur="onInputBlur"
      />
    </view>
    
    <!-- 操作区域 -->
    <view class="operation-area">
      <!-- <button 
        class="confirm-btn" 
        bindtap="onConfirm"
        disabled="{{!isComplete}}"
      >
        确认
      </button> -->
      
      <!-- <view class="resend-container">
        <text>未收到验证码？</text>
        <text 
          class="resend-btn {{canResend ? 'active' : ''}}" 
          bindtap="{{canResend ? 'onResend' : ''}}"
        >
          {{canResend ? '重新发送' : '重新发送(' + countdown + ')'}}
        </text>
      </view> -->
    </view>
  </view>
</view>
