CarrotSkin/carrotskin
7
1
Fork 1
Code Issues 3 Pull Requests Actions Packages Releases Wiki Activity

解决了不跟手问题 #8

Merged
lan merged 2 commits from feature/slide-captcha into main 2026-02-15 00:26:05 +08:00
Conversation 0 Commits 2 Files Changed 2 +23 -5
2 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 00984b6d67 - Show all commits

22
src/app/auth/page.tsx
View File

@@ -169,8 +169,26 @@ export default function AuthPage() {
if (success) {
setIsCaptchaVerified(true);
setShowCaptcha(false);
// 验证码验证成功后，继续注册流程
handleRegisterAfterCaptcha();
// 测试模式：验证码验证成功后，直接模拟注册成功
// 方便测试完整流程，无需实际调用注册API
setIsLoading(true);
setAuthError('');
try {
// 模拟异步操作
setTimeout(() => {
errorManager.showSuccess('注册成功！欢迎加入CarrotSkin！');
router.push('/');
}, 500);
} catch (error) {
const errorMessage = error instanceof Error ? error.message : '注册失败，请稍后重试';
setAuthError(errorMessage);
errorManager.showError(errorMessage);
// 注册失败时重置验证码状态
setIsCaptchaVerified(false);
} finally {
setIsLoading(false);
}
} else {
setIsCaptchaVerified(false);
setShowCaptcha(false);

6
src/components/SliderCaptcha.tsx
View File

@@ -409,7 +409,7 @@ export const SliderCaptcha: React.FC<SliderCaptchaProps> = ({ onVerify, onClose
{/* 可移动拼图块 */}
{puzzleImage && (
<div
className="absolute transition-all duration-300"
className={`absolute ${isDragging ? '' : 'transition-all duration-300'}`}
style={{
left: `${sliderPosition}px`, // 滑块x位置（拼图左上角x坐标）
top: `${puzzleY}px`, // 拼图y位置（从后端获取，拼图左上角y坐标）
@@ -435,7 +435,7 @@ export const SliderCaptcha: React.FC<SliderCaptchaProps> = ({ onVerify, onClose
<div className="relative bg-gray-100 rounded-full h-12 overflow-hidden select-none" ref={trackRef} style={{ width: `${TRACK_WIDTH}px`, margin: '0 auto' }}>
{/* 进度条 */}
<div
className={`absolute left-0 top-0 h-full transition-all duration-200 ease-out ${getProgressColor()}`}
className={`absolute left-0 top-0 h-full ${isDragging ? '' : 'transition-all duration-200 ease-out'} ${getProgressColor()}`}
style={{
width: `${sliderPosition + SLIDER_WIDTH}px`,
transform: isDragging ? 'scaleY(1.05)' : 'scaleY(1)',
@@ -444,7 +444,7 @@ export const SliderCaptcha: React.FC<SliderCaptchaProps> = ({ onVerify, onClose
/>
{/* 滑块按钮 */}
<div
className={`absolute top-1 w-10 h-10 bg-white rounded-full shadow-lg cursor-pointer flex items-center justify-center transition-all duration-200 ease-out select-none ${
className={`absolute top-1 w-10 h-10 bg-white rounded-full shadow-lg cursor-pointer flex items-center justify-center ${isDragging ? '' : 'transition-all duration-200 ease-out'} select-none ${
isDragging ? 'scale-110 shadow-xl' : 'scale-100'
} ${isVerified || verifyResult === 'error' ? 'cursor-default' : 'cursor-grab active:cursor-grabbing'}`}
style={{ left: `${sliderPosition + 2}px`, zIndex: 10 }}