From a355504130a6a304fba6959ec0962af46e3452b4 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Sun, 10 Sep 2023 14:57:36 +0800
Subject: [PATCH] =?UTF-8?q?=E9=94=AE=E7=9B=98=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AddPreSetting.vue    |  8 ++++----
 src/components/UpdatePreSetting.vue | 10 ++++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/AddPreSetting.vue b/src/components/AddPreSetting.vue
index 2aa0497..b23a12f 100644
--- a/src/components/AddPreSetting.vue
+++ b/src/components/AddPreSetting.vue
@@ -220,7 +220,7 @@
       <div class="btn" @click="save">保存</div>
       <div class="btn ml" @click="hiddleSettingModal">返回</div>
     </div>
-    <div class="key_wrap" v-if="showkeyboard" id="keyboard_formula">
+    <div class="key_wrap" v-show="showkeyboard" id="keyboard_formula">
       <SimpleKeyboard @onChange="onChange" :input="formula_id" />
     </div>
   </div>
@@ -788,10 +788,10 @@ onMounted(() => {
   }
   .key_wrap {
     position: absolute;
-    left: 0;
-    right: 0;
+    right: 97px;
     bottom: 0;
-    height: 230px;
+    height: 245px;
+    width: 520px;
   }
 }
 </style>
diff --git a/src/components/UpdatePreSetting.vue b/src/components/UpdatePreSetting.vue
index 245bcc5..0fab9de 100644
--- a/src/components/UpdatePreSetting.vue
+++ b/src/components/UpdatePreSetting.vue
@@ -220,7 +220,7 @@
       <!-- <div class="btn" @click="save">保存</div> -->
       <div class="btn ml" @click="hiddleSettingModal">返回</div>
     </div>
-    <div class="key_wrap" v-if="showkeyboard" id="keyboard_formula">
+    <div class="key_wrap" v-show="showkeyboard" id="keyboard_formula">
       <SimpleKeyboard @onChange="onChange" :input="formula_id" />
     </div>
   </div>
@@ -723,6 +723,7 @@ const setSprayLiquidVal = () => {
 
 const showkeyboard = ref(false)
 const onChange = a => {
+  console.log(a)
   formula_id.value = a
 }
 const handleShowKeyBoard = () => {
@@ -733,6 +734,7 @@ onMounted(() => {
   document.addEventListener('click', e => {
     let box = document.getElementById('keyboard_formula')
     let room = document.getElementById('id_formula')
+    let fontBox = document.getElementsByClassName('hg-candidate-box')
     if (!box?.contains(e.target) && e.target != room) {
       showkeyboard.value = false
     }
@@ -837,10 +839,10 @@ onMounted(() => {
   }
   .key_wrap {
     position: absolute;
-    left: 0;
-    right: 0;
+    right: 97px;
     bottom: 0;
-    height: 230px;
+    height: 245px;
+    width: 520px;
   }
 }
 </style>