feat(projects): 四种基本布局完成

src/settings/theme.ts

@@ -0,0 +1,74 @@
+import type { ThemeSettings } from '../interface';
+import { EnumAnimate } from '../enum';
+
+const themeColorList = [
+  '#409EFF',
+  '#2d8cf0',
+  '#0960bd',
+  '#009688',
+  '#536dfe',
+  '#ff5c93',
+  '#ee4f12',
+  '#0096c7',
+  '#9c27b0',
+  '#ff9800',
+  '#FF3D68',
+  '#00C1D4',
+  '#71EFA3',
+  '#171010',
+  '#78DEC7',
+  '#1768AC',
+  '#FB9300',
+  '#FC5404'
+];
+
+const themeSettings: ThemeSettings = {
+  darkMode: false,
+  themeColor: themeColorList[0],
+  themeColorList,
+  otherColor: {
+    info: '#2080f0',
+    success: '#67C23A',
+    warning: '#E6A23C',
+    error: '#F56C6C'
+  },
+  navStyle: {
+    mode: 'vertical',
+    theme: 'light'
+  },
+  menuStyle: {
+    width: 200,
+    mixWidth: 80,
+    collapsedWidth: 64,
+    fixed: true,
+    splitMenu: false
+  },
+  headerStyle: {
+    height: 64,
+    bgColor: '#fff',
+    fixed: true,
+    showReload: true
+  },
+  multiTabStyle: {
+    visible: true,
+    bgColor: '#fff'
+  },
+  crumbsStyle: {
+    visible: true,
+    showIcon: false
+  },
+  pageStyle: {
+    animate: true,
+    animateType: 'zoom-fade',
+    animateTypeList: [
+      { value: 'zoom-fade', label: EnumAnimate['zoom-fade'] },
+      { value: 'zoom-out', label: EnumAnimate['zoom-out'] },
+      { value: 'fade-slide', label: EnumAnimate['fade-slide'] },
+      { value: 'fade', label: EnumAnimate.fade },
+      { value: 'fade-bottom', label: EnumAnimate['fade-bottom'] },
+      { value: 'fade-scale', label: EnumAnimate['fade-scale'] }
+    ]
+  }
+};
+
+export default themeSettings;