✨ feat(App.vue): 添加警告样式和计算公式优化

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>