| | |
| | | immediate: true
|
| | | },
|
| | | async theme(val) {
|
| | | await this.setTheme(val)
|
| | | }
|
| | | },
|
| | | created() {
|
| | | if(this.defaultTheme !== ORIGINAL_THEME) {
|
| | | this.setTheme(this.defaultTheme)
|
| | | }
|
| | | },
|
| | |
|
| | | methods: {
|
| | | async setTheme(val) {
|
| | | const oldVal = this.chalk ? this.theme : ORIGINAL_THEME
|
| | | if (typeof val !== 'string') return
|
| | | const themeCluster = this.getThemeCluster(val.replace('#', ''))
|
| | | const originalCluster = this.getThemeCluster(oldVal.replace('#', ''))
|
| | |
|
| | | const $message = this.$message({
|
| | | message: ' Compiling the theme',
|
| | | message: ' 正在切换主题,请稍后...',
|
| | | customClass: 'theme-message',
|
| | | type: 'success',
|
| | | duration: 0,
|
| | |
| | | this.$emit('change', val)
|
| | |
|
| | | $message.close()
|
| | | }
|
| | | },
|
| | |
|
| | | methods: {
|
| | | },
|
| | |
|
| | | updateStyle(style, oldCluster, newCluster) {
|
| | | let newStyle = style
|
| | | oldCluster.forEach((color, index) => {
|
| | |
| | | import variables from '@/assets/styles/element-variables.scss'
|
| | | import defaultSettings from '@/settings'
|
| | |
|
| | | const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings
|
| | |
| | | const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''
|
| | | const state = {
|
| | | title: '',
|
| | | theme: storageSetting.theme || variables.theme,
|
| | | theme: storageSetting.theme || '#409EFF',
|
| | | sideTheme: storageSetting.sideTheme || sideTheme,
|
| | | showSettings: showSettings,
|
| | | topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
|