From 331a0fb13b05097e5fdd9c8c3aaa8ddb1a03a0f1 Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyuyukunkunkun@gmail.com>
Date: Sat, 27 May 2023 14:42:36 +0800
Subject: [PATCH] restore background?

---
 src/assets/images/bg/bg-1.png                    | Bin 0 -> 119 bytes
 src/assets/images/bg/bg0.png                     | Bin 0 -> 119 bytes
 .../setting-panel/components/Background.vue      |  15 +++++++++++----
 3 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/images/bg/bg-1.png
 create mode 100644 src/assets/images/bg/bg0.png

diff --git a/src/assets/images/bg/bg-1.png b/src/assets/images/bg/bg-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..5840c4378ae757774055b299ad24d7223816fa22
GIT binary patch
literal 119
zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1SBVv2j2ryoCO|{#S9E$svykh8Km+7C@5Is
z8c`CQpH@<ySd_{ToR?XUSX`1CD}L@SP?E>f#W93qW^zD?A<&$M3>Ame1ag7m44$rj
JF6*2UngEy18`S^+

literal 0
HcmV?d00001

diff --git a/src/assets/images/bg/bg0.png b/src/assets/images/bg/bg0.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4bf9c1481f24fc789b2818791cdc054b0a78663
GIT binary patch
literal 119
zcmeAS@N?(olHy`uVBq!ia0vp^j3CUx1SBVv2j2ryoCO|{#S9E$svykh8Km+7C@5Is
z8c`CQpH@<ySd_{ToR?XUSX`1CD}L@SP?E>f#W93qX7Z2!|LqxA|1tfG_>|2D6ld^s
L^>bP0l+XkK;SL`=

literal 0
HcmV?d00001

diff --git a/src/components/setting-panel/components/Background.vue b/src/components/setting-panel/components/Background.vue
index 8fad22e7..4882171d 100644
--- a/src/components/setting-panel/components/Background.vue
+++ b/src/components/setting-panel/components/Background.vue
@@ -21,6 +21,11 @@ const handelChangeImage = (index: number) => {
 watch(showKUNGalgameBackground, () => {
   localStorage.setItem('KUNGalgame-background', showKUNGalgameBackground.value)
 })
+
+// 恢复空白背景
+const handleRestore = () => {
+  handelChangeImage(0)
+}
 </script>
 
 <template>
@@ -30,7 +35,7 @@ watch(showKUNGalgameBackground, () => {
       <li>
         <span>{{ $t('header.settings.preset') }}</span>
         <!-- 预设背景集 -->
-        <ul class="kungalgame-reset-bg">
+        <ul class="kungalgame-restore-bg">
           <li v-for="kun in backgroundImages" :key="kun.index">
             <img
               :src="kun.image"
@@ -50,7 +55,9 @@ watch(showKUNGalgameBackground, () => {
             <button>{{ $t('header.settings.confirm') }}</button>
           </div>
         </div>
-        <button class="reset-bg">{{ $t('header.settings.restore') }}</button>
+        <button class="restore-bg" @click="handleRestore">
+          {{ $t('header.settings.restore') }}
+        </button>
       </li>
     </ul>
   </div>
@@ -78,7 +85,7 @@ watch(showKUNGalgameBackground, () => {
   margin: 10px 0;
 }
 /* 背景图片略缩图三行三列 grid */
-.kungalgame-reset-bg {
+.kungalgame-restore-bg {
   display: grid;
   justify-content: center;
   grid-template-columns: repeat(3, 80px);
@@ -145,7 +152,7 @@ watch(showKUNGalgameBackground, () => {
     }
   }
 }
-.reset-bg {
+.restore-bg {
   font-size: 15px;
   cursor: pointer;
   height: 30px;