修复:解决切换部分动画不生效的bug;

master
iczer 4 years ago
parent 0a490feda3
commit 98bc9b2386
  1. 20
      src/components/setting/Setting.vue

@ -57,7 +57,7 @@
动画效果
<a-select
v-model="animate"
@change="setAnimate"
@change="val => setAnimate(val)"
class="select-item" size="small" slot="actions"
>
<a-select-option :key="index" :value="item.name" v-for="(item, index) in animates">{{item.alias}}</a-select-option>
@ -67,7 +67,7 @@
动画方向
<a-select
v-model="direction"
@change="setAnimate"
@change="val => setAnimate(this.animate, val)"
class="select-item" size="small" slot="actions"
>
<a-select-option :key="index" :value="item" v-for="(item, index) in directions">{{item}}</a-select-option>
@ -84,7 +84,7 @@ import SettingItem from './SettingItem'
import ColorCheckbox from '../checkbox/ColorCheckbox'
import ImgCheckbox from '../checkbox/ImgCheckbox'
import Clipboard from 'clipboard'
import themeUtil from '../../utils/themeUtil';
import themeUtil from '../../utils/themeUtil'
import { mapState } from 'vuex'
const ColorCheckboxGroup = ColorCheckbox.Group
@ -101,11 +101,6 @@ export default {
colors,
}
},
watch: {
animate() {
this.direction = this.directions[0]
}
},
computed: {
directions() {
return this.animates.find(item => item.name == this.animate).directions
@ -143,12 +138,11 @@ export default {
setWeekMode(checked) {
this.$store.commit('setting/setWeekMode', checked)
},
setAnimate() {
let animate = {
name: this.animate,
direction: this.direction
setAnimate(animate, direction) {
if (direction == undefined) {
this.direction = this.directions[0]
}
this.$store.commit('setting/setAnimate', animate)
this.$store.commit('setting/setAnimate', {name: this.animate, direction: this.direction})
},
setFixedHeader(checked) {
this.$store.commit('setting/setFixedHeader', checked)

Loading…
Cancel
Save