no message
Former-commit-id: d034f2b55040b82f43f4b3149cad9cfd235e407c Former-commit-id: a38ce483556a25b80fef13acf080f97e8b2d6540 Former-commit-id: d8ffe7f8f5925f50b59c3bcd5e35c5a3e10271af
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-table v-bind="table">
|
<el-table :data="themeList" v-bind="table">
|
||||||
<el-table-column prop="name" align="center" width="160"/>
|
<el-table-column prop="name" align="center" width="160"/>
|
||||||
<el-table-column label="预览" width="220">
|
<el-table-column label="预览" width="220">
|
||||||
<div slot-scope="scope" class="theme-preview" :style="{'backgroundImage': `url(${ scope.row.preview })`}"></div>
|
<div slot-scope="scope" class="theme-preview" :style="{'backgroundImage': `url(${ scope.row.preview })`}"></div>
|
||||||
@@ -19,18 +19,6 @@ export default {
|
|||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
table: {
|
table: {
|
||||||
data: [
|
|
||||||
{
|
|
||||||
name: 'd2admin 经典',
|
|
||||||
value: 'd2',
|
|
||||||
preview: '/static/image/theme-preview/d2@2x.png'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '流星',
|
|
||||||
value: 'star',
|
|
||||||
preview: '/static/image/theme-preview/star@2x.png'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
showHeader: false,
|
showHeader: false,
|
||||||
border: true
|
border: true
|
||||||
}
|
}
|
||||||
@@ -41,7 +29,8 @@ export default {
|
|||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapState({
|
...mapState({
|
||||||
themeName: state => state.theme.themeName
|
themeList: state => state.theme.list,
|
||||||
|
themeName: state => state.theme.name
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|||||||
@@ -1,12 +1,24 @@
|
|||||||
export default {
|
export default {
|
||||||
state: {
|
state: {
|
||||||
themeName: 'star'
|
list: [
|
||||||
|
{
|
||||||
|
name: 'd2admin 经典',
|
||||||
|
value: 'd2',
|
||||||
|
preview: '/static/image/theme-preview/d2@2x.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '流星',
|
||||||
|
value: 'star',
|
||||||
|
preview: '/static/image/theme-preview/star@2x.png'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
name: 'star'
|
||||||
},
|
},
|
||||||
mutations: {
|
mutations: {
|
||||||
// 设置主题
|
// 设置主题
|
||||||
setTheme (state, themeName) {
|
setTheme (state, name) {
|
||||||
state.themeName = themeName
|
state.name = name
|
||||||
document.body.className = `theme-${state.themeName}`
|
document.body.className = `theme-${state.name}`
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user