From 25605cbee1b8f3409d997849072f692e46adc978 Mon Sep 17 00:00:00 2001
From: unanmed <1319491857@qq.com>
Date: Tue, 12 Mar 2024 20:46:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=83=8C=E6=99=AF=E8=99=9A=E5=8C=96?=
 =?UTF-8?q?=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/core/main/init/ui.ts | 5 +++++
 src/core/main/setting.ts | 4 +++-
 src/ui/statusBar.vue     | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/core/main/init/ui.ts b/src/core/main/init/ui.ts
index 1dc5a3c..a95e479 100644
--- a/src/core/main/init/ui.ts
+++ b/src/core/main/init/ui.ts
@@ -1,6 +1,7 @@
 import * as UI from '@ui/.';
 import * as MiscUI from './misc';
 import { GameUi, UiController } from '../custom/ui';
+import { mainSetting } from '../setting';
 
 export const mainUi = new UiController();
 mainUi.register(
@@ -38,8 +39,12 @@ hook.once('mounted', () => {
     const ui = document.getElementById('ui-main')!;
     const fixed = document.getElementById('ui-fixed')!;
 
+    const blur = mainSetting.getSetting('screen.blur');
+
     mainUi.on('start', () => {
         ui.style.display = 'flex';
+        if (blur) ui.style.backdropFilter = 'blur(5px)';
+        else ui.style.backdropFilter = 'none';
         core.lockControl();
     });
     mainUi.on('end', noClosePanel => {
diff --git a/src/core/main/setting.ts b/src/core/main/setting.ts
index 741de99..95df980 100644
--- a/src/core/main/setting.ts
+++ b/src/core/main/setting.ts
@@ -431,6 +431,7 @@ mainSetting
             .register('criticalGem', '临界显示方式', false, COM.Boolean)
             .setDisplayFunc('criticalGem', value => (value ? '宝石数' : '攻击'))
             .register('keyScale', '虚拟键盘缩放', 100, COM.Number, [25, 5, 500])
+            .register('blur', '背景虚化', true, COM.Boolean)
     )
     .register(
         'action',
@@ -525,7 +526,8 @@ mainSetting
     .setDescription('audio.soundEnabled', `是否开启音效`)
     .setDescription('audio.soundVolume', `音效的音量`)
     .setDescription('ui.mapScale', `楼传小地图的缩放，百分比格式`)
-    .setDescription('screen.fontSizeStatus', `修改状态栏的字体大小`);
+    .setDescription('screen.fontSizeStatus', `修改状态栏的字体大小`)
+    .setDescription('screen.blur', '打开任意ui界面时是否有背景虚化效果，移动端打开后可能会有掉帧或者发热现象');
 
 function setFontSize() {
     const absoluteSize = storage.getValue('@@absoluteFontSize', 16 * devicePixelRatio);
diff --git a/src/ui/statusBar.vue b/src/ui/statusBar.vue
index ec07e09..96e1f3a 100644
--- a/src/ui/statusBar.vue
+++ b/src/ui/statusBar.vue
@@ -266,6 +266,7 @@ onMounted(() => {
     main = document.getElementById('status-main') as HTMLDivElement;
 
     window.addEventListener('resize', resize);
+    resize();
 });
 
 onUnmounted(() => {