diff --git a/src/views/port/port/index.vue b/src/views/port/port/index.vue
index 398b474..28389c3 100644
--- a/src/views/port/port/index.vue
+++ b/src/views/port/port/index.vue
@@ -3,7 +3,17 @@
     <el-card class="box-card">
       <div slot="header" class="clearfix">
         <span>手机号查询归属地</span>
-        <el-button style="float: right; padding: 3px 0" type="text">查看</el-button>
+        <el-button style="float: right; padding: 3px 0" type="text">查看</el-button>&nbsp;&nbsp;
+        <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
+      </div>
+      <div v-for="o in 4" :key="o" class="text item">
+        {{'列表内容 ' + o }}
+      </div>
+    </el-card>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>IP查询归属地</span>
+        <el-button style="float: right; padding: 3px 0" type="text">查看</el-button>&nbsp;&nbsp;
         <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
       </div>
       <div v-for="o in 4" :key="o" class="text item">