0a640f3a18
Former-commit-id: f15181110a6aabe756ed7f711300b192c79293c8 Former-commit-id: 6be9466105e3c289072e3a0db5b1e3f0546d8714 Former-commit-id: a0c01f525426116840ad39a7f130b5f77ebefbc4 Former-commit-id: ad062fd56a932e7ebe644626f966348b53246641
53 lines
1.2 KiB
JavaScript
53 lines
1.2 KiB
JavaScript
import Cookies from 'js-cookie'
|
|
|
|
export default {
|
|
state: {
|
|
list: [
|
|
{
|
|
name: 'd2admin 经典',
|
|
value: 'd2',
|
|
preview: '/static/image/theme/d2/preview@2x.png'
|
|
},
|
|
{
|
|
name: '简约线条',
|
|
value: 'line',
|
|
preview: '/static/image/theme/line/preview@2x.png'
|
|
},
|
|
{
|
|
name: '流星',
|
|
value: 'star',
|
|
preview: '/static/image/theme/star/preview@2x.png'
|
|
}
|
|
],
|
|
name: ''
|
|
},
|
|
mutations: {
|
|
// 从 cookie 加载主题
|
|
loadTheme (state) {
|
|
const name = Cookies.get('themeName')
|
|
if (name) {
|
|
// 设置 store
|
|
state.name = name
|
|
// 激活主题
|
|
this.commit('activeTheme')
|
|
} else {
|
|
// 设置新的主题为列表第一项
|
|
this.commit('setTheme', state.list[0].value)
|
|
}
|
|
},
|
|
// 设置新的主题
|
|
setTheme (state, name) {
|
|
// 设置 store
|
|
state.name = name
|
|
// 设置 Cookie
|
|
Cookies.set('themeName', name)
|
|
// 激活主题
|
|
this.commit('activeTheme')
|
|
},
|
|
// 激活当前主题
|
|
activeTheme (state) {
|
|
document.body.className = `theme-${state.name}`
|
|
}
|
|
}
|
|
}
|