feat: 去掉背景组件

This commit is contained in:
zdl
2025-11-24 15:47:23 +08:00
parent 5183473557
commit 44ecf7e5c7
2 changed files with 1 additions and 64 deletions

View File

@@ -1,59 +0,0 @@
// src/views/AgentChat/components/BackgroundEffects.js
// 背景渐变装饰层组件
import React from 'react';
import { Box } from '@chakra-ui/react';
/**
* BackgroundEffects - 背景渐变装饰层
*
* 包含主背景渐变和两个装饰光效(右上紫色、左下蓝色)
*
* @returns {JSX.Element}
*/
const BackgroundEffects = () => {
return (
<>
{/* 主背景渐变层 */}
<Box
position="absolute"
top={0}
left={0}
right={0}
bottom={0}
bgGradient="linear(to-br, gray.900, gray.800, purple.900)"
zIndex={0}
/>
{/* 右上角紫色光效 */}
<Box
position="absolute"
top="0"
right="-20%"
width="600px"
height="600px"
bgGradient="radial(circle, purple.600, transparent)"
opacity="0.15"
filter="blur(100px)"
pointerEvents="none"
zIndex={0}
/>
{/* 左下角蓝色光效 */}
<Box
position="absolute"
bottom="-30%"
left="-10%"
width="500px"
height="500px"
bgGradient="radial(circle, blue.600, transparent)"
opacity="0.1"
filter="blur(100px)"
pointerEvents="none"
zIndex={0}
/>
</>
);
};
export default BackgroundEffects;

View File

@@ -11,7 +11,6 @@ import { DEFAULT_MODEL_ID } from './constants/models';
import { DEFAULT_SELECTED_TOOLS } from './constants/tools'; import { DEFAULT_SELECTED_TOOLS } from './constants/tools';
// 拆分后的子组件 // 拆分后的子组件
import BackgroundEffects from './components/BackgroundEffects';
import LeftSidebar from './components/LeftSidebar'; import LeftSidebar from './components/LeftSidebar';
import ChatArea from './components/ChatArea'; import ChatArea from './components/ChatArea';
import RightSidebar from './components/RightSidebar'; import RightSidebar from './components/RightSidebar';
@@ -105,9 +104,6 @@ const AgentChat = () => {
return ( return (
<Box flex={1} bg="gray.900"> <Box flex={1} bg="gray.900">
<Flex h="100%" overflow="hidden" position="relative"> <Flex h="100%" overflow="hidden" position="relative">
{/* 背景渐变装饰 */}
<BackgroundEffects />
{/* 左侧栏 */} {/* 左侧栏 */}
<LeftSidebar <LeftSidebar
isOpen={isLeftSidebarOpen} isOpen={isLeftSidebarOpen}
@@ -138,7 +134,7 @@ const AgentChat = () => {
onToggleRightSidebar={() => setIsRightSidebarOpen(true)} onToggleRightSidebar={() => setIsRightSidebarOpen(true)}
onNewSession={createNewSession} onNewSession={createNewSession}
userAvatar={user?.avatar} userAvatar={user?.avatar}
messagesEndRef={messagesEndRef} // messagesEndRef={messagesEndRef}
inputRef={inputRef} inputRef={inputRef}
fileInputRef={fileInputRef} fileInputRef={fileInputRef}
/> />