微调

frontend/src/components/IpAddress/index.vue

@@ -55,7 +55,7 @@
     })
     // 证明在开始阶段
     if (input.selectionStart == 0) {
-      //console.log('鼠标设置了,', index)
+
       markFlag.value[index].left = true
     } else {
       markFlag.value[index].left = false
@@ -111,7 +111,7 @@
   // 检查ip输入
   const checkIpVal = (item: any) => {
     let val = item.value;
-    //console.log(val, '===========')
+ 
     // 处理非数字
     val = val.toString().replace(/[^0-9]/g, "");
     val = parseInt(val, 10);
@@ -130,7 +130,7 @@
       }
     }
     item.value = val;
-    //console.log(item.value, '=========')
+   
   }
   
   // 判断光标左右移动位置
@@ -147,7 +147,7 @@
           markFlag.value[index].left = false
           markFlag.value[index].right = false
         } else {
-          console.log('左键设置了,', index)
+        
           markFlag.value[index].left = true
         }
       } else {
@@ -170,19 +170,19 @@
         markFlag.value[index].right = false
       }
     } else if (e.keyCode === 8) {
-      //console.log('删除键把当前数据删除完毕后会跳转到前一个input')
+      
       // 删除键把当前数据删除完毕后会跳转到前一个input，左一不做任何处理
       if (index !== 0 && e.currentTarget.selectionStart === 0) {
         if (markFlag.value[index].left) {
           ipInputRefs.value[index - 1].focus();
           markFlag.value[index].left = false
         } else {
-          //console.log('左键设置了删除,', index)
+          
           markFlag.value[index].left = true
         }
       }
     } else if (e.keyCode === 13 || e.keyCode === 32) {
-      //console.log('回车键、空格键、冒号均向右跳转，右一不做任何措施')
+     
       // 回车键、空格键、冒号均向右跳转，右一不做任何措施
       if (index !== 3) {
         ipInputRefs.value[index + 1].focus();
@@ -190,7 +190,7 @@
     }
     else if (e.keyCode === 110 || e.keyCode === 190) {
       // 点 . 向右跳转，右一不做任何措施
-     // console.log('点击')
+  
       if (item.value == '') {
         return
       }
@@ -199,7 +199,7 @@
       }
     }
     else if (item.value.toString().length === 3) {
-      //console.log('满3位，光标自动向下一个文本框')
+    
       // 满3位，光标自动向下一个文本框.
       if (index !== 3) {
         //ipInputRefs.value[index + 1].setSelectionRange(0, 0)
@@ -221,7 +221,7 @@
     } else {
       if (direction == 'toRight') {
         // 可以直接跳回
-        //console.log('右键focus,', index)
+      
         markFlag.value[index].left = true
         // 设置光标为左边第一个
         ipInputRefs.value[index].setSelectionRange(0, 0)
@@ -252,7 +252,7 @@
   
   // 监听数据变化,并初始化显示四个数据
   watch(() => props.value, () => {
-    //console.log('变化了~', props.value);
+
     if(flag.value){
   
     }else{
@@ -317,7 +317,9 @@
     height: 35px;
     padding-inline-start: 0px;
     padding-left: 10px;
-    padding-right: 10px;
+    padding-right: 20px;
+    padding-top: 0px;
+    padding-bottom: 0px;;
     box-sizing: border-box;
     margin: 0;
   }