diff --git a/src/views/task/content/Content.vue b/src/views/task/content/Content.vue index 7b4e457..e0c9fe3 100644 --- a/src/views/task/content/Content.vue +++ b/src/views/task/content/Content.vue @@ -77,6 +77,17 @@ const taskDetailPictureList = ref([]) const userStore = useUser() const imageRef = ref() let processItems: any[] = [] +const isFullScreen = ref(false); + +const fullscreenStyles = computed(() => ({ + 'width': isFullScreen.value ? '100vw' : '', + 'height': isFullScreen.value ? '100vh' : '', + 'position': isFullScreen.value ? 'fixed' : '', + 'top': isFullScreen.value ? '0' : '', + 'left': isFullScreen.value ? '0' : '', + 'zIndex': isFullScreen.value ? '9999' : '', +})); + onMounted(() => { window.addEventListener('keydown', handleKeydown) @@ -299,9 +310,13 @@ onUnmounted(() => { }) function immersionHandler() { - taskStore.updateImmersion() + // taskStore.updateImmersion() + toggleFullScreen(); } - +// 切换全屏状态 +const toggleFullScreen = () => { + isFullScreen.value = !isFullScreen.value; +}; function previewHandler(event: MouseEvent) { event.stopImmediatePropagation() event.stopPropagation() @@ -342,7 +357,7 @@ function reloadList(param, text) {