blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-06 04:00:06 +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> <template>
<a-layout-sider class="sider" width="273"> <a-layout-sider class="sider" width="300">
<setting-item :title="$t('theme.title')"> <setting-item :title="$t('theme.title')">
<img-checkbox-group @change="values => setTheme(values[0])"> <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"/> <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 closeMessage = this.$message.info(`您选择了主题色 ${colors}, 正在切换...`)
let _this = this let _this = this
themeUtil.changeThemeColor(colors[0]).then(() => { themeUtil.changeThemeColor(colors[0]).then(() => {
_this.$store.commit('setting/setThemeColor', colors[0]) _this.setThemeColor(colors[0])
closeMessage() closeMessage()
}) })
} }
@ -131,9 +131,9 @@ export default {
if (direction == undefined) { if (direction == undefined) {
this.direction = this.directions[0] 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> </script>