87 lines
2.0 KiB
TypeScript
87 lines
2.0 KiB
TypeScript
import type { ThemeSettings } from '../interface';
|
|
import { EnumAnimate, EnumMultiTabMode, EnumHorizontalMenuPosition } 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,
|
|
horizontalPosition: 'flex-start',
|
|
horizontalPositionList: [
|
|
{ value: 'flex-start', label: EnumHorizontalMenuPosition['flex-start'] },
|
|
{ value: 'center', label: EnumHorizontalMenuPosition.center },
|
|
{ value: 'flex-end', label: EnumHorizontalMenuPosition['flex-end'] }
|
|
]
|
|
},
|
|
headerStyle: {
|
|
height: 56,
|
|
bgColor: '#fff'
|
|
},
|
|
multiTabStyle: {
|
|
height: 44,
|
|
visible: true,
|
|
bgColor: '#fff',
|
|
mode: 'button',
|
|
modeList: [
|
|
{ value: 'button', label: EnumMultiTabMode.button },
|
|
{ value: 'browser', label: EnumMultiTabMode.browser }
|
|
]
|
|
},
|
|
crumbsStyle: {
|
|
visible: true,
|
|
showIcon: false
|
|
},
|
|
pageStyle: {
|
|
animate: true,
|
|
animateType: 'fade-slide',
|
|
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'] }
|
|
]
|
|
},
|
|
fixedHeaderAndTab: true,
|
|
showReload: true
|
|
};
|
|
|
|
export default themeSettings;
|