IP小卡片

src/views/port/port/index.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
     <div>
       <el-card class="box-card">
         <div slot="header" class="clearfix">
@@ -9,15 +10,19 @@
           <el-form-item placeholder="请输入手机号">
             <el-input v-model="formLabelAlign.tel"></el-input>
           </el-form-item>
-      </el-form>
-
+          <el-form-item placeholder="请输入手机号">
             <el-button @click="getPhonePlace">查询</el-button>
+          </el-form-item>
+        </el-form>
         <span>省份：{{this.formLabelAlign.province}}</span><br>
         <span>城市：{{this.formLabelAlign.city}}</span><br>
         <span>区号：{{this.formLabelAlign.areacode}}</span><br>
         <span>邮编：{{this.formLabelAlign.zip}}</span><br>
         <span>运营商：{{this.formLabelAlign.company}}</span>
       </el-card>
+    </div>
+
+    <div>
       <el-card class="box-card">
         <div slot="header" class="clearfix">
           <span>IP查询归属地</span>
@@ -28,6 +33,7 @@
         </div>
       </el-card>
     </div>
+  </div>
 </template>
 
 <script>