style(PageLoader): 适配黑金主题配色

- 背景色改为 forumColors.background.main (#0A0A0A)
- Spinner 颜色改为 forumColors.text.gold (#FFC107)
- 文字颜色改为 forumColors.text.secondary (#B8B8B8)
- 移除 _dark 暗色模式样式,统一使用黑金主题

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-25 16:12:55 +08:00
parent e6a4c5b462
commit c5f7929c30

View File

@@ -1,10 +1,11 @@
// src/components/Loading/PageLoader.js
import React from 'react';
import { Box, Spinner, Text, VStack } from '@chakra-ui/react';
import { forumColors } from 'theme/forumTheme';
/**
* 页面加载组件 - 用于路由懒加载的 fallback
* 优雅的加载动画,提升用户体验
* 黑金主题:深色背景 + 金色 Spinner
*/
export default function PageLoader({ message = '加载中...' }) {
return (
@@ -13,18 +14,17 @@ export default function PageLoader({ message = '加载中...' }) {
display="flex"
alignItems="center"
justifyContent="center"
bg="gray.50"
_dark={{ bg: 'gray.900' }}
bg={forumColors.background.main}
>
<VStack spacing={4}>
<Spinner
thickness="4px"
speed="0.65s"
emptyColor="gray.200"
color="blue.500"
emptyColor={forumColors.border.default}
color={forumColors.text.gold}
size="xl"
/>
<Text fontSize="md" color="gray.600" _dark={{ color: 'gray.400' }}>
<Text fontSize="md" color={forumColors.text.secondary}>
{message}
</Text>
</VStack>