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

IP小卡片

master
chaiyapeng 2024-08-25 09:42:55 +08:00
parent fe4de82d23
commit f7052cf827
1 changed files with 55 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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