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

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

diff --git a/src/App.vue b/src/App.vue
index b8cadd5..7e55ead 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -61,7 +61,6 @@ function show(index: number) {
     top: 0;
     position: fixed;
     background-color: #000b;
-    backdrop-filter: blur(5px);
     z-index: 1;
 }
 
diff --git a/src/core/main/init/ui.ts b/src/core/main/init/ui.ts
index a95e479..d71d802 100644
--- a/src/core/main/init/ui.ts
+++ b/src/core/main/init/ui.ts
@@ -43,8 +43,13 @@ hook.once('mounted', () => {
 
     mainUi.on('start', () => {
         ui.style.display = 'flex';
-        if (blur) ui.style.backdropFilter = 'blur(5px)';
-        else ui.style.backdropFilter = 'none';
+        if (blur?.value) {
+            ui.style.backdropFilter = 'blur(5px)';
+            ui.style.backgroundColor = 'rgba(0,0,0,0.7333)';
+        } else {
+            ui.style.backdropFilter = 'none';
+            ui.style.backgroundColor = 'rgba(0,0,0,0.85)';
+        }
         core.lockControl();
     });
     mainUi.on('end', noClosePanel => {
diff --git a/src/core/main/setting.ts b/src/core/main/setting.ts
index 95df980..fd4a172 100644
--- a/src/core/main/setting.ts
+++ b/src/core/main/setting.ts
@@ -489,6 +489,7 @@ loading.once('coreInit', () => {
         'screen.fontSizeStatus': storage.getValue('screen.fontSizeStatus', 100),
         'screen.smoothView': !!storage.getValue('screen.smoothView', true),
         'screen.criticalGem': !!storage.getValue('screen.criticalGem', false),
+        'screen.blur': !!storage.getValue('screen.blur', true),
         'action.fixed': !!storage.getValue('action.fixed', true),
         'audio.bgmEnabled': !!storage.getValue('audio.bgmEnabled', true),
         'audio.bgmVolume': storage.getValue('audio.bgmVolume', 80),
@@ -527,7 +528,7 @@ mainSetting
     .setDescription('audio.soundVolume', `音效的音量`)
     .setDescription('ui.mapScale', `楼传小地图的缩放，百分比格式`)
     .setDescription('screen.fontSizeStatus', `修改状态栏的字体大小`)
-    .setDescription('screen.blur', '打开任意ui界面时是否有背景虚化效果，移动端打开后可能会有掉帧或者发热现象');
+    .setDescription('screen.blur', '打开任意ui界面时是否有背景虚化效果，移动端打开后可能会有掉帧或者发热现象。关闭ui后生效');
 
 function setFontSize() {
     const absoluteSize = storage.getValue('@@absoluteFontSize', 16 * devicePixelRatio);