From 702d7347c1cdac76e5e2d01ca580eb5d1ceaf524 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Thu, 26 Sep 2024 18:17:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=82=AC=E6=B5=AE=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E7=9A=84=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-float-window/index.vue              | 5 ++++-
 src/views/layout/components/main/default/float-window.ts | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/model-float-window/index.vue b/src/components/model-float-window/index.vue
index a9e63933..0f798be7 100644
--- a/src/components/model-float-window/index.vue
+++ b/src/components/model-float-window/index.vue
@@ -10,6 +10,8 @@
     </div>
 </template>
 <script setup lang="ts">
+import { percentage_count } from '@/utils';
+
 const props = defineProps({
     value: {
         type: Object,
@@ -41,7 +43,8 @@ watch(props.value, (val) => {
     }
 
     style.value = location;
-
+    // 60 为自身高度
+    new_style.value.offset_number_percentage = (new_style.value.offset_number / (846 - 60)).toFixed(4);
     emits('change', { bottom: new_style.value.offset_number, location: new_style.value.display_location });
 }, {immediate: true, deep: true});
 </script>
diff --git a/src/views/layout/components/main/default/float-window.ts b/src/views/layout/components/main/default/float-window.ts
index a611ce50..d2017b67 100644
--- a/src/views/layout/components/main/default/float-window.ts
+++ b/src/views/layout/components/main/default/float-window.ts
@@ -9,6 +9,7 @@ interface defaultSearch {
     style: {
         display_location: string;
         offset_number: number;
+        offset_number_percentage: string;
         float_style: string;
         float_style_color: string;
     };
@@ -22,6 +23,7 @@ const defaultSearch: defaultSearch = {
     style: {
         display_location: 'right',
         offset_number: 120,
+        offset_number_percentage: '100%',
         float_style: 'shadow',
         float_style_color: '#32373a1a',
     },