TreeData
/
cloud-web
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

IP小卡片

master
chaiyapeng 2024-08-25 09:17:00 +08:00
parent 1efe47c331
commit 8f8c589679
1 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/views/port/port/index.vue
View File

@ -1,32 +1,38 @@
<template> <template>
<div> <div>
<el-card class="box-card"> <div>
<div slot="header" class="clearfix"> <el-card class="box-card">
<span>手机号查询归属地</span> <div slot="header" class="clearfix">
<el-button style="float: right; padding: 3px 0" type="text">购买</el-button> <span>手机号查询归属地</span>
</div> <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
<el-form :model="formLabelAlign"> </div>
<el-form-item placeholder="请输入手机号"> <el-form :model="formLabelAlign">
<el-input v-model="formLabelAlign.tel"></el-input> <el-form-item placeholder="请输入手机号">
</el-form-item> <el-input v-model="formLabelAlign.tel"></el-input>
</el-form> </el-form-item>
<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>
<el-button @click="getPhonePlace">查询</el-button> <div>
<span>省份：{{this.formLabelAlign.province}}</span><br> <el-card class="box-card">
<span>城市：{{this.formLabelAlign.city}}</span><br> <div slot="header" class="clearfix">
<span>区号：{{this.formLabelAlign.areacode}}</span><br> <span>IP查询归属地</span>
<span>邮编：{{this.formLabelAlign.zip}}</span><br> <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
<span>运营商：{{this.formLabelAlign.company}}</span> </div>
</el-card> <div v-for="o in 4" :key="o" class="text item">
<el-card class="box-card"> {{'列表内容 ' + o }}
<div slot="header" class="clearfix"> </div>
<span>IP查询归属地</span> </el-card>
<el-button style="float: right; padding: 3px 0" type="text">购买</el-button> </div>
</div>
<div v-for="o in 4" :key="o" class="text item">
{{'列表内容 ' + o }}
</div>
</el-card>
</div> </div>
</template> </template>