v2.0

web/src/settings/animateSetting.ts

@@ -0,0 +1,8 @@
+export const animates = [
+  { value: 'zoom-fade', label: '渐变' },
+  { value: 'zoom-out', label: '闪现' },
+  { value: 'fade-slide', label: '滑动' },
+  { value: 'fade', label: '消退' },
+  { value: 'fade-bottom', label: '底部消退' },
+  { value: 'fade-scale', label: '缩放消退' },
+];

web/src/settings/componentSetting.ts

@@ -0,0 +1,31 @@
+export default {
+  table: {
+    apiSetting: {
+      // 当前页的字段名
+      pageField: 'page',
+      // 每页数量字段名
+      sizeField: 'pageSize',
+      // 接口返回的数据字段名
+      listField: 'list',
+      // 接口返回总页数字段名
+      totalField: 'pageCount',
+    },
+    //默认分页数量
+    defaultPageSize: 10,
+    //可切换每页数量集合
+    pageSizes: [10, 20, 30, 40, 50],
+  },
+  upload: {
+    //考虑接口规范不同
+    apiSetting: {
+      // 集合字段名
+      infoField: 'data',
+      // 图片地址字段名
+      imgField: 'fileUrl',
+    },
+    //最大上传图片大小
+    maxSize: 10,
+    //图片上传类型
+    fileType: ['image/png', 'image/jpg', 'image/jpeg', 'image/gif', 'image/svg+xml'],
+  },
+};

web/src/settings/designSetting.ts

@@ -0,0 +1,32 @@
+// app theme preset color
+export const appThemeList: string[] = [
+  '#2d8cf0',
+  '#0960bd',
+  '#0084f4',
+  '#009688',
+  '#536dfe',
+  '#ff5c93',
+  '#ee4f12',
+  '#0096c7',
+  '#9c27b0',
+  '#ff9800',
+  '#FF3D68',
+  '#00C1D4',
+  '#71EFA3',
+  '#171010',
+  '#78DEC7',
+  '#1768AC',
+  '#FB9300',
+  '#FC5404',
+];
+
+const setting = {
+  //深色主题
+  darkTheme: false,
+  //系统主题色
+  appTheme: '#2d8cf0',
+  //系统内置主题色列表
+  appThemeList,
+};
+
+export default setting;

web/src/settings/projectSetting.ts

@@ -0,0 +1,57 @@
+const setting = {
+  //导航模式 vertical 左侧菜单模式 horizontal 顶部菜单模式
+  navMode: 'vertical',
+  //导航风格 dark 暗色侧边栏 light 白色侧边栏 header-dark 暗色顶栏
+  navTheme: 'dark',
+  // 是否处于移动端模式
+  isMobile: false,
+  //顶部
+  headerSetting: {
+    //背景色
+    bgColor: '#fff',
+    //固定顶部
+    fixed: true,
+    //显示重载按钮
+    isReload: true,
+  },
+  //页脚
+  showFooter: true,
+  //多标签
+  multiTabsSetting: {
+    //背景色
+    bgColor: '#fff',
+    //是否显示
+    show: true,
+    //固定多标签
+    fixed: true,
+  },
+  //菜单
+  menuSetting: {
+    //最小宽度
+    minMenuWidth: 64,
+    //菜单宽度
+    menuWidth: 200,
+    //固定菜单
+    fixed: true,
+    //分割菜单
+    mixMenu: false,
+    //触发移动端侧边栏的宽度
+    mobileWidth: 800,
+    // 折叠菜单
+    collapsed: false,
+  },
+  //面包屑
+  crumbsSetting: {
+    //是否显示
+    show: true,
+    //显示图标
+    showIcon: false,
+  },
+  //菜单权限模式 FIXED 前端固定路由  BACK 动态获取
+  permissionMode: 'BACK',
+  //是否开启路由动画
+  isPageAnimate: true,
+  //路由动画类型
+  pageAnimateType: 'zoom-fade',
+};
+export default setting;