fix: 解决动态变更颜色,部分组件不会更新的问题

This commit is contained in:
奔跑的面条
2022-08-19 10:02:09 +08:00
parent 8ddc85738a
commit a6d1baec3e
10 changed files with 59 additions and 20 deletions
@@ -34,7 +34,7 @@
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { ref, computed } from 'vue'
import { animations } from '@/settings/animations/index'
import { CollapseItem } from '@/components/Pages/ChartItemSetting'
import { useDesignStore } from '@/store/modules/designStore/designStore'
@@ -42,12 +42,16 @@ import { useTargetData } from '../hooks/useTargetData.hook'
// 全局颜色
const designStore = useDesignStore()
const themeColor = ref(designStore.getAppTheme)
const hoverPreviewAnimate = ref('')
const { targetData } = useTargetData()
// 颜色
const themeColor = computed(() => {
return designStore.getAppTheme
})
// * 选中的动画样式
const activeIndex = (value: string) => {
const selectValue = targetData.value.styles.animations