From 2530f6a976d469595644e38d982cc50a83fb2160 Mon Sep 17 00:00:00 2001
From: conglinyizhi <cslbyivi@outlook.com>
Date: Sun, 6 Oct 2024 21:01:52 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(App.vue):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=AD=A6=E5=91=8A=E6=A0=B7=E5=BC=8F=E5=92=8C=E8=AE=A1=E7=AE=97?=
 =?UTF-8?q?=E5=85=AC=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1de08c7..7c7d3f8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,8 @@
 <template>
   <div>
-    从 M{{ selectIndex }}.0 开始，占用 {{ selectIndexWidth + 1 }} 个 Byte，最大可以表示无符号数字 {{ (selectIndexWidth + 1) * 8 }}
-    {{ getMaxNumber() }}
+    从 M{{ selectIndex }}.0 开始，占用 {{ selectIndexWidth + 1 }} 个 Byte ( {{ selectIndexWidth + 1 }} * 8 = {{
+      (selectIndexWidth
+        + 1) * 8 }} 个 M 点) ，最大可以表示无符号数字 {{ getMaxNumber() }}
     <button @click="selectIndexWidth = 0">
       <span v-show="selectIndexWidth == 0">激活=></span>MB</button>
     <button @click="selectIndexWidth = 1">
@@ -27,6 +28,7 @@ const selectIndexWidth = ref(1)
 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'
   return ''
 }
@@ -58,5 +60,13 @@ function getMaxNumber() {
 
 .select {
   background-color: #6cf;
+
+  .key {
+    color: black
+  }
+}
+
+.warn {
+  background-color: red;
 }
 </style>
\ No newline at end of file