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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user