blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-05 19:41:37 +08:00
Code Issues Projects Releases Wiki Activity

修改：调整 设置/Setting组件 的宽度以及优化代码；

Browse Source
This commit is contained in:
iczer 2020-06-23 18:15:29 +08:00
parent 0bc4a06611
commit 19fc285134
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/setting/Setting.vue
View File

@ -1,5 +1,5 @@
<template>
<a-layout-sider class="sider" width="273">
<a-layout-sider class="sider" width="300">
<setting-item :title="$t('theme.title')">
<img-checkbox-group @change="values => setTheme(values[0])">
<img-checkbox :title="$t('theme.dark')" img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" :checked="true" value="dark"/>
@ -114,7 +114,7 @@ export default {
let closeMessage = this.$message.info(`您选择了主题色 ${colors}, 正在切换...`)
let _this = this
themeUtil.changeThemeColor(colors[0]).then(() => {
_this.$store.commit('setting/setThemeColor', colors[0])
_this.setThemeColor(colors[0])
closeMessage()
})
}
@ -131,9 +131,9 @@ export default {
if (direction == undefined) {
this.direction = this.directions[0]
}
this.$store.commit('setting/setAnimate', {name: this.animate, direction: this.direction})
this.setAnimate({name: this.animate, direction: this.direction})
},
...mapMutations('setting', ['setTheme', 'setLayout', 'setMultiPage', 'setWeekMode', 'setFixedSideBar', 'setFixedHeader'])
...mapMutations('setting', ['setTheme', 'setThemeColor', 'setLayout', 'setMultiPage', 'setWeekMode', 'setFixedSideBar', 'setFixedHeader', 'setAnimate'])
}
}
</script>