kun-galgame-vue/src/hooks/useBackgroundPicture.ts

22 lines
625 B
TypeScript
Raw Normal View History

2023-05-27 10:52:54 +00:00
// 导入设置面板 store
import { useSettingsPanelStore } from '@/store/modules/settings'
import { storeToRefs } from 'pinia'
import { computed, watch } from 'vue'
// 使用设置面板的 store
const settingsStore = useSettingsPanelStore()
const { showKUNGalgameBackground } = storeToRefs(settingsStore)
// 恢复空白背景
export const restoreBackground = () => {
showKUNGalgameBackground.value = '0'
}
export const currBackground = computed(() => {
if (showKUNGalgameBackground.value === '0') {
return 'none'
} else {
return `url(src/assets/images/bg/bg${showKUNGalgameBackground.value}.png)`
}
})