From 1d47858b2492a9fafa67406d16141cea043b7529 Mon Sep 17 00:00:00 2001 From: NB-Group Date: Fri, 6 Dec 2024 19:14:17 +0800 Subject: [PATCH] =?UTF-8?q?v9.1.1=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=8F=90?= =?UTF-8?q?=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- desktop.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ desktop.html | 11 +++++++++++ desktop.js | 29 +++++++++++++++++++++++++---- icon/ls.svg | 1 + 4 files changed, 88 insertions(+), 4 deletions(-) create mode 100644 icon/ls.svg diff --git a/desktop.css b/desktop.css index c0231d3..dd8201d 100755 --- a/desktop.css +++ b/desktop.css @@ -2690,3 +2690,54 @@ github-red2026 */ padding-bottom: 5px; padding: 20px; } + +body > .container { + display: none; /* 默认隐藏 */ + flex-direction: column; + align-items: center; + gap: 20px; + text-align: center; + position: fixed; + z-index: 102; + height: 100%; + width: 100%; + background: var(--bg70); + justify-content: center; + align-items: center; + backdrop-filter: blur(50px) saturate(5); + -webkit-backdrop-filter: blur(80px) saturate(1.5); +} + +body > .container > .image-container { + position: relative; + width: 10%; + height: 10%; + left: 6%; +} + +body > .container > .image-container > .svg { + position: absolute; + top: 0; + left: 0; + width: 100%; +} + +.translucent { + opacity: 0.5; +} + +.rotating { + animation-delay: 0.6s !important; + animation: rotate 1s cubic-bezier(0.77, 0.02, 0.16, 1.04); + transform-origin: 0% 100%; + animation-fill-mode: forwards; +} + +@keyframes rotate { + from { + transform: rotate(0deg); + } + to { + transform: rotate(-90deg); + } +} diff --git a/desktop.html b/desktop.html index 311992f..39bb06f 100755 --- a/desktop.html +++ b/desktop.html @@ -154,6 +154,13 @@ }, 100); +
+
+ 半透明图标 + 旋转图标 +
+
横屏以获得最佳体验
+
Administrator
@@ -1833,6 +1840,10 @@

其它

更新记录

+
v9.1.1 移动端适配

+   -(更新来自@NB-Group)
+   - 在移动端竖屏体验时将会提示“横屏以获得最佳体验”
+

v9.1.0 真正的在线新闻功能！

  -(更新来自@lingbopro)
  - 现在在小组件面板里有真正从网络实时获取的新闻！
diff --git a/desktop.js b/desktop.js index 06ecda4..0dc98f3 100755 --- a/desktop.js +++ b/desktop.js @@ -49,13 +49,14 @@ page.addEventListener('mouseup', enableIframes); page.addEventListener('touchend', enableIframes); page.addEventListener('touchcancel', enableIframes); -page.addEventListener('click',(event)=>{ -if($('#start-menu').hasClass('show')&&!$(event.target).closest('#start-menu').length){ -hide_startmenu(); -} +page.addEventListener('click',(event)=>{ +if($('#start-menu').hasClass('show')&&!$(event.target).closest('#start-menu').length){ +hide_startmenu(); +} }); //开始菜单收回 + // 上古代码 document.querySelectorAll('list.focs').forEach(li => { li.addEventListener('click', () => { @@ -4316,6 +4317,7 @@ document.getElementsByTagName('body')[0].onload = () => { }); updateVoiceBallStatus(); // loadlang(); + checkOrientation(); }; let autoUpdate = true; @@ -4435,3 +4437,22 @@ function setupGlobalKey(){ }); } setupGlobalKey(); + + +function isMobileDevice() { + return /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent); +} + +function checkOrientation() { + const container = document.getElementById('orientation-warning'); + const isPortrait = window.matchMedia("(orientation: portrait)").matches; + if (isMobileDevice() && isPortrait) { + container.style.display = "flex"; // 显示提示 + } else { + container.style.display = "none"; // 隐藏提示 + } +} + +// 监听屏幕方向变化 +window.addEventListener("resize", checkOrientation); +window.addEventListener("orientationchange", checkOrientation); \ No newline at end of file diff --git a/icon/ls.svg b/icon/ls.svg new file mode 100644 index 0000000..5c82809 --- /dev/null +++ b/icon/ls.svg @@ -0,0 +1 @@ + \ No newline at end of file