后端预设、世界书部分补充

frontend-react/src/components/SideBarLeft/SideBarLeft.jsx

@@ -3,6 +3,10 @@ import React from 'react';
 import './SideBarLeft.css';
 import { useSideBarLeftStore } from '../../Store/indexStore';
 import useSideBarRightStore from '../../Store/Slices/SideBarLeftSlice';
+import Gallery from './tab/Gallery';
+import ApiConfig from './tab/ApiConfig';
+import Presets from './tab/Presets';
+import WorldBook from './tab/WorldBook';
 
 const SideBarLeft = () => {
   const { activeTab, tabs, setActiveTab } = useSideBarLeftStore();
@@ -22,10 +26,10 @@ const SideBarLeft = () => {
       </div>
 
       <div className="sidebar-content">
-        {activeTab === 'gallery' && <div className="tab-content">画廊内容</div>}
-        {activeTab === 'api' && <div className="tab-content">API配置内容</div>}
-        {activeTab === 'presets' && <div className="tab-content">预设配置内容</div>}
-        {activeTab === 'worldbook' && <div className="tab-content">世界书内容</div>}
+        {activeTab === 'gallery' && <Gallery />}
+        {activeTab === 'api' && <ApiConfig />}
+        {activeTab === 'presets' && <Presets />}
+        {activeTab === 'worldbook' && <WorldBook />}
       </div>
     </div>
   );

frontend-react/src/components/SideBarLeft/tab/ApiConfig.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../tabcss/ApiConfig.css';
+
+const ApiConfig = () => {
+  return (
+    <div className="api-config-content">
+      <h2>API配置</h2>
+      {/* 在这里实现API配置的具体内容 */}
+    </div>
+  );
+};
+
+export default ApiConfig;

frontend-react/src/components/SideBarLeft/tab/Gallery.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../tabcss/Gallery.css';
+
+const Gallery = () => {
+  return (
+    <div className="gallery-content">
+      <h2>画廊</h2>
+      {/* 在这里实现画廊的具体内容 */}
+    </div>
+  );
+};
+
+export default Gallery;

frontend-react/src/components/SideBarLeft/tab/Presets.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../tabcss/Presets.css';
+
+const Presets = () => {
+  return (
+    <div className="presets-content">
+      <h2>预设配置</h2>
+      {/* 在这里实现预设配置的具体内容 */}
+    </div>
+  );
+};
+
+export default Presets;

frontend-react/src/components/SideBarLeft/tab/WorldBook.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import '../tabcss/WorldBook.css';
+
+const WorldBook = () => {
+  return (
+    <div className="worldbook-content">
+      <h2>世界书</h2>
+      {/* 在这里实现世界书的具体内容 */}
+    </div>
+  );
+};
+
+export default WorldBook;

frontend-react/src/components/SideBarLeft/tabcss/ApiConfig.css

@@ -0,0 +1 @@
+WorldBook.css