vue3-vant4-mobile/src/settings/designSetting.ts
2024-02-17 13:52:03 +08:00

52 lines
901 B
TypeScript

// app theme preset color
export interface DesignSettingState {
// 系统主题
darkMode: 'light' | 'dark'
// 系统风格
appTheme: string
// 系统内置风格
appThemeList: string[]
// 是否开启路由动画
isPageAnimate: boolean
// 路由动画类型
pageAnimateType: string
}
export const appThemeList: string[] = [
'#5d9dfe',
'#2d8cf0',
'#0960bd',
'#0084f4',
'#009688',
'#536dfe',
'#ff5c93',
'#ee4f12',
'#0096c7',
'#9c27b0',
'#ff9800',
'#FF3D68',
'#00C1D4',
'#18a058',
'#78DEC7',
'#1768AC',
'#FB9300',
'#FC5404',
'#8675ff',
]
const setting: DesignSettingState = {
// 深色主题
darkMode: 'light',
// 系统主题色
appTheme: '#5d9dfe',
// 系统内置主题色列表
appThemeList,
// 是否开启路由动画
isPageAnimate: true,
// 路由动画类型
pageAnimateType: 'zoom-fade',
}
export default setting