调整ip地址输入框样式

src/components/app-input-ip/app-input-ip.less

-input{
-    border-radius: 4px;
-    border:1px solid #888;
-    padding: 2px 10px;
-    width: 20%;
-}
+.app-inpu-ip{
+    display: flex;
+    flex-wrap: nowrap;
+    .el-input{
+        margin-right: 3px;
+        margin-left: 3px;
+    }
+}
\ No newline at end of file

src/components/app-input-ip/app-input-ip.vue

 <template>
     <div class="app-inpu-ip">
-        <input  
+        <el-input  
             type="text" 
+            size="small"
             v-model="firstIp"
             maxlength="3" />.
-        <input          
+        <el-input          
             type="text" 
+            size="small"
             v-model="secIp"
             maxlength="3" />.
-        <input 
+        <el-input 
             type="text"
+            size="small"
             maxlength="3" 
             v-model="thirdIp" />.
-        <input 
+        <el-input 
             type="text" 
+            size="small"
             maxlength="3"
             v-model="forIp" />
     </div>