From 19fc285134e3ed7c7d673b36392f6bb3576ec028 Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Tue, 23 Jun 2020 18:15:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=9A=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=20=E8=AE=BE=E7=BD=AE/Setting=E7=BB=84=E4=BB=B6=20=E7=9A=84?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6=E4=BB=A5=E5=8F=8A=E4=BC=98=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/setting/Setting.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/setting/Setting.vue b/src/components/setting/Setting.vue
index bf84f28..d3f317d 100644
--- a/src/components/setting/Setting.vue
+++ b/src/components/setting/Setting.vue
@@ -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>