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

29 lines
872 B
TypeScript

// 导入设置面板 store
import { useKUNGalgameSettingsStore } from '@/store/modules/settings'
import { storeToRefs } from 'pinia'
import { computed } from 'vue'
// 使用设置面板的 store
const settingsStore = useKUNGalgameSettingsStore()
const { showKUNGalgameBackground, showKUNGalgameCustomBackground } =
storeToRefs(settingsStore)
// 恢复空白背景
export const restoreBackground = () => {
showKUNGalgameBackground.value = '0'
}
export const currBackground = computed(() => {
if (
showKUNGalgameBackground.value === '0' ||
showKUNGalgameBackground.value === 'none'
) {
return 'none'
} else if (showKUNGalgameBackground.value === '1007') {
return `/url(${showKUNGalgameCustomBackground.value})`
} else {
// TODO: 替换为后端接口
return `url(/src/assets/images/bg/bg${showKUNGalgameBackground.value}.png)`
}
})