This commit is contained in:
@@ -85,8 +85,13 @@
|
|||||||
"email": "Email",
|
"email": "Email",
|
||||||
"password": "Password",
|
"password": "Password",
|
||||||
"confirmPassword": "Confirm Password",
|
"confirmPassword": "Confirm Password",
|
||||||
|
"name": "Name",
|
||||||
|
"signInButton": "Sign In",
|
||||||
|
"signUpButton": "Sign Up",
|
||||||
"noAccount": "Don't have an account?",
|
"noAccount": "Don't have an account?",
|
||||||
"hasAccount": "Already have an account?",
|
"hasAccount": "Already have an account?",
|
||||||
|
"signInWithGitHub": "Sign In with GitHub",
|
||||||
|
"signUpWithGitHub": "Sign Up with GitHub",
|
||||||
"invalidEmail": "Please enter a valid email address",
|
"invalidEmail": "Please enter a valid email address",
|
||||||
"passwordTooShort": "Password must be at least 8 characters",
|
"passwordTooShort": "Password must be at least 8 characters",
|
||||||
"passwordsNotMatch": "Passwords do not match",
|
"passwordsNotMatch": "Passwords do not match",
|
||||||
|
|||||||
@@ -85,8 +85,13 @@
|
|||||||
"email": "邮箱",
|
"email": "邮箱",
|
||||||
"password": "密码",
|
"password": "密码",
|
||||||
"confirmPassword": "确认密码",
|
"confirmPassword": "确认密码",
|
||||||
|
"name": "用户名",
|
||||||
|
"signInButton": "登录",
|
||||||
|
"signUpButton": "注册",
|
||||||
"noAccount": "还没有账户?",
|
"noAccount": "还没有账户?",
|
||||||
"hasAccount": "已有账户?",
|
"hasAccount": "已有账户?",
|
||||||
|
"signInWithGitHub": "使用 GitHub 登录",
|
||||||
|
"signUpWithGitHub": "使用 GitHub 注册",
|
||||||
"invalidEmail": "请输入有效的邮箱地址",
|
"invalidEmail": "请输入有效的邮箱地址",
|
||||||
"passwordTooShort": "密码至少需要8个字符",
|
"passwordTooShort": "密码至少需要8个字符",
|
||||||
"passwordsNotMatch": "两次输入的密码不匹配",
|
"passwordsNotMatch": "两次输入的密码不匹配",
|
||||||
|
|||||||
@@ -207,34 +207,15 @@ export default function AlphabetCard({ alphabet, alphabetType, onBack }: Alphabe
|
|||||||
<ChevronLeft size={24} />
|
<ChevronLeft size={24} />
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
{/* 中间区域:随机按钮或进度条 */}
|
{/* 中间区域:随机按钮 */}
|
||||||
<div className="flex gap-2 items-center">
|
<div className="flex gap-2 items-center">
|
||||||
{isRandomMode ? (
|
{isRandomMode && (
|
||||||
// 随机模式:显示随机切换按钮
|
|
||||||
<button
|
<button
|
||||||
onClick={goToRandom}
|
onClick={goToRandom}
|
||||||
className="px-4 py-2 rounded-full bg-[#35786f] text-white text-sm font-medium hover:bg-[#2d5f58] transition-colors"
|
className="px-4 py-2 rounded-full bg-[#35786f] text-white text-sm font-medium hover:bg-[#2d5f58] transition-colors"
|
||||||
>
|
>
|
||||||
{t("randomNext")}
|
{t("randomNext")}
|
||||||
</button>
|
</button>
|
||||||
) : (
|
|
||||||
// 顺序模式:显示进度点
|
|
||||||
<div className="flex gap-1 flex-wrap max-w-xs justify-center">
|
|
||||||
{alphabet.slice(0, 20).map((_, index) => (
|
|
||||||
<div
|
|
||||||
key={index}
|
|
||||||
className={`h-2 rounded-full transition-all ${
|
|
||||||
index === currentIndex
|
|
||||||
? "w-8 bg-[#35786f]"
|
|
||||||
: "w-2 bg-gray-300"
|
|
||||||
}`}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
{/* 超过20个字母时显示省略号 */}
|
|
||||||
{alphabet.length > 20 && (
|
|
||||||
<div className="text-xs text-gray-500 flex items-center">...</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user