style(更改主题背景颜色): 🎨 修改侧边栏默认主题颜色，添加多行展开查询配置

web/src/settings.ts

@@ -1,10 +1,10 @@
 // 引入fast-crud
-import { FastCrud } from "@fast-crud/fast-crud";
-import "@fast-crud/fast-crud/dist/style.css";
-import { setLogger } from '@fast-crud/fast-crud'
+import { FastCrud } from '@fast-crud/fast-crud';
+import '@fast-crud/fast-crud/dist/style.css';
+import { setLogger } from '@fast-crud/fast-crud';
 // element
-import ui from "@fast-crud/ui-element";
-import { request } from "/@/utils/service.ts";
+import ui from '@fast-crud/ui-element';
+import { request } from '/@/utils/service.ts';
 
 export default {
 	async install(app: any, options: any) {
@@ -31,13 +31,26 @@ export default {
 						transformRes: ({ res }: any) => {
 							//将pageRequest的返回数据，转换为fast-crud所需要的格式
 							//return {records,currentPage,pageSize,total};
-                            return { records: res.data, currentPage: res.page, pageSize: res.limit, total: res.total }
-                        }
+							return { records: res.data, currentPage: res.page, pageSize: res.limit, total: res.total };
 						},
+					},
+					/* search: {
+						layout: 'multi-line',
+						collapse: true,
+						col: {
+							span: 4,
+						},
+						options: {
+							labelCol: {
+								style: {
+									width: '100px',
+								},
+							},
+						},
+					}, */
 				};
 			},
 		});
-        setLogger({ level: 'error' })
-    }
-}
-
+		setLogger({ level: 'error' });
+	},
+};

web/src/stores/themeConfig.ts

@@ -36,7 +36,7 @@ export const useThemeConfig = defineStore('themeConfig', {
 			 * 菜单设置
 			 */
 			// 默认菜单导航背景颜色
-			menuBar: '#545c64',
+			menuBar: '#334054',
 			// 默认菜单导航字体颜色
 			menuBarColor: '#eaeaea',
 			// 默认菜单高亮背景色
@@ -48,7 +48,7 @@ export const useThemeConfig = defineStore('themeConfig', {
 			 * 分栏设置
 			 */
 			// 默认分栏菜单背景颜色
-			columnsMenuBar: '#545c64',
+			columnsMenuBar: '#334054',
 			// 默认分栏菜单字体颜色
 			columnsMenuBarColor: '#e6e6e6',
 			// 是否开启分栏菜单背景颜色渐变