diff --git a/resources/assets/js/App.vue b/resources/assets/js/App.vue index 8043648fc..4ee5b3c4a 100755 --- a/resources/assets/js/App.vue +++ b/resources/assets/js/App.vue @@ -85,6 +85,7 @@ export default { window.addEventListener('resize', this.windowSizeListener) window.addEventListener('scroll', this.windowScrollListener) window.addEventListener('message', this.windowHandleMessage) + window.addEventListener('fullscreenchange', this.handleFullscreenchange); this.appInter = setInterval(this.appTimerHandler, 1000) $A.loadVConsole() }, @@ -93,6 +94,7 @@ export default { window.removeEventListener('resize', this.windowSizeListener) window.removeEventListener('scroll', this.windowScrollListener) window.removeEventListener('message', this.windowHandleMessage) + window.removeEventListener('fullscreenchange', this.handleFullscreenchange); this.appInter && clearInterval(this.appInter) }, @@ -293,6 +295,14 @@ export default { document.documentElement.setAttribute("data-platform", $A.isElectron ? "desktop" : $A.isEEUiApp ? "app" : "web") }, + handleFullscreenchange() { + if (document.fullscreenElement) { + $A("body").addClass("fullscreen-mode") + } else { + $A("body").removeClass("fullscreen-mode") + } + }, + /** * 获取链接打开方式 * @param url diff --git a/resources/assets/js/functions/web.js b/resources/assets/js/functions/web.js index 0a3413c1c..e8528e829 100755 --- a/resources/assets/js/functions/web.js +++ b/resources/assets/js/functions/web.js @@ -1047,7 +1047,11 @@ import {convertLocalResourcePath} from "../components/Replace/utils"; .no-dark-content [style*="background-image:url"], .no-dark-content [style*="background: url"], .no-dark-content [style*="background-image: url"], - .no-dark-content [background] { + .no-dark-content [background], + .fullscreen-mode img, + .fullscreen-mode video, + .fullscreen-mode iframe, + .fullscreen-mode canvas { ${this.utils.noneFilter()} }