修改: 调整布局，解决全局动画导致的界面抖动问题；

src/components/setting/Setting.vue

@@ -7,7 +7,7 @@
       </img-checkbox-group>
     </setting-item>
     <setting-item title="主题色">
-      <color-checkbox-group @change="onColorChange" :defaultValues="[0]" :multiple="false">
+      <color-checkbox-group @change="onColorChange" :defaultValues="[5]" :multiple="false">
         <color-checkbox v-for="(color, index) in colors" :key="index" :color="color" :value="index" />
       </color-checkbox-group>
     </setting-item>
@@ -96,6 +96,11 @@ export default {
       colors: ['#f5222d', '#fa541c', '#faad14', '#13c2c2', '#52c41a', '#1d92ff', '#2f54eb', '#722ed1'],
     }
   },
+  watch: {
+    animate(){
+      this.direction = 0
+    }
+  },
   computed: {
     animateCfg() {
       return this.animates[this.animate]