From 03173f952b5e85265e61d79771a532af08e210e2 Mon Sep 17 00:00:00 2001
From: conglinyizhi <cslbyivi@outlook.com>
Date: Sun, 6 Oct 2024 21:05:32 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(App):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20getClassName=20=E5=87=BD=E6=95=B0=E4=B8=AD=E7=9A=84=E8=AE=A1?=
 =?UTF-8?q?=E7=AE=97=E9=80=BB=E8=BE=91=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9322800..7cf7f54 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,15 +21,16 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 const selectIndex = ref(-1)
 const selectIndexWidth = ref(0)
 
+const min = computed(() => selectIndex.value)
+const max = computed(() => selectIndexWidth.value + selectIndex.value)
+
 function getClassName(i) {
-  const min = selectIndex.value
-  const max = selectIndexWidth.value + selectIndex.value
-  if (Math.max(max, 30) === max && Math.min(i, min) === min) return 'warn'
-  if (Math.min(min, i) === min && Math.max(max, i) === max) return 'select'
+  if (Math.max(max.value, 30) === max.value && Math.min(i, min.value) === min.value) return 'warn'
+  if (Math.min(min.value, i) === min.value && Math.max(max.value, i) === max.value) return 'select'
   return ''
 }