87 lines
5.8 KiB
Vue
87 lines
5.8 KiB
Vue
<template>
|
||
<div class="bg-gradient-to-b from-[#aeceff] to-white min-h-screen relative">
|
||
<!-- banner -->
|
||
<div class="w-full flex justify-center " style="clip-path: ellipse(100% 95% at 50% 0%);">
|
||
<img src="@/assets/images/hygj_banner.png" alt="核验工具" class="w-full h-auto">
|
||
</div>
|
||
<div class="p-6 -my-24 z-1000 absolute">
|
||
<!-- 功能菜单 -->
|
||
<div class="card">
|
||
<div class="grid grid-cols-3 gap-6">
|
||
<div v-for="(item, index) in menuItems" :key="index" class="flex flex-col items-center"
|
||
@click="toInquire(item.product)">
|
||
<div class="bg-slate-100 rounded-full p-4">
|
||
<img :src="item.icon" :alt="item.title" class="w-10 h-10">
|
||
</div>
|
||
<p class="mt-2 text-sm font-semibold">{{ item.title }}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 详情文本 -->
|
||
<div class="card mt-4">
|
||
<h2 class="text-lg font-bold text-blue-500 mb-4">核验工具服务</h2>
|
||
<p class="text-gray-700 leading-6">
|
||
本平台提供全方位核验工具服务，助您全面防范。功能包括：
|
||
</p>
|
||
<ul class="list-disc list-inside mt-4 space-y-2 text-gray-600">
|
||
<li><strong>手机三要素：</strong> 查询个人与手机号码是否匹配，确保手机号码的真实性。</li>
|
||
<li><strong>银行卡黑名单：</strong> 查询银行卡是否被列入黑名单，帮助您识别潜在的金融风险。</li>
|
||
<li><strong>身份证二要素：</strong> 验证姓名与身份证号码的匹配情况，确保身份真实性。</li>
|
||
<li><strong>手机二要素：</strong> 查询手机号码和身份证的匹配情况，用于验证身份的真实性。</li>
|
||
<li><strong>在网时长：</strong> 查询手机号码的在网时长，帮助评估号码的稳定性与历史。</li>
|
||
<li><strong>手机二次卡：</strong> 检查手机是否有二次卡，防止诈骗等风险。</li>
|
||
<li><strong>手机号码风险：</strong> 评估手机号码的潜在风险，包括是否与违法行为关联。</li>
|
||
<li><strong>银行卡四要素：</strong> 通过四要素核验银行卡与个人是否匹配，进一步验证银行账户的真实性。</li>
|
||
<li><strong>人车核验：</strong> 查询个人与车辆的关联情况，帮助识别车辆的所有权和风险。</li>
|
||
<li><strong>名下车辆：</strong> 查询个人名下的所有车辆信息，了解其车辆资产。</li>
|
||
<li><strong>双人婚姻：</strong> 查询双人婚姻状况，帮助评估婚姻的法律状态和风险。</li>
|
||
<li><strong>自然人生存状态：</strong> 查询个人的生存状态，帮助验证其是否真实存在。</li>
|
||
<!-- <li><strong>银行卡三要素：</strong> 查询银行卡的三要素，验证账户信息的安全性。</li> -->
|
||
<!-- <li><strong>学历核验：</strong> 验证学历信息的真实性，确保所提供的学历符合实际。</li> -->
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import yhkhmdIcon from '@/assets/images/yhkhmd_icon.svg';
|
||
import sjsysIcon from '@/assets/images/sjsys_icon.svg'; // 手机三要素
|
||
import sfzeysIcon from '@/assets/images/sfzeys_icon.svg'; // 身份证二要素
|
||
import sjeysIcon from '@/assets/images/sjeys_icon.svg'; // 手机二要素
|
||
import sjzwscIcon from '@/assets/images/sjzwsc_icon.svg'; // 在网时长
|
||
import sjeckIcon from '@/assets/images/sjeck_icon.svg'; // 手机二次卡
|
||
import sjhmfxIcon from '@/assets/images/sjhmfx_icon.svg'; // 手机号码风险
|
||
import yhk4ysIcon from '@/assets/images/yhk4ys_icon.svg'; // 银行卡四要素
|
||
import yhksysIcon from '@/assets/images/yhksys_icon.svg'; // 银行卡三要素
|
||
import zrrscztIcon from '@/assets/images/zrrsczt_icon.svg'; // 自然人生存状态
|
||
import xlhyIcon from '@/assets/images/xlhy_icon.svg'; // 学历核验
|
||
import rchyIcon from '@/assets/images/rchy_icon.svg'; // 人车核验
|
||
import mxclIcon from '@/assets/images/mxcl_icon.svg'; // 名下车辆
|
||
import srhyIcon from '@/assets/images/srhy_icon.svg'; // 双人婚姻
|
||
const router = useRouter()
|
||
const menuItems = [
|
||
{ title: "手机三要素", icon: sjsysIcon, product: "toc_PhoneThreeElements" },
|
||
{ title: "银行卡黑名单", icon: yhkhmdIcon, product: "toc_BankCardBlacklist" },
|
||
{ title: "身份证二要素", icon: sfzeysIcon, product: "toc_IDCardTwoElements" },
|
||
{ title: "手机二要素", icon: sjeysIcon, product: "toc_PhoneTwoElements" },
|
||
{ title: "在网时长", icon: sjzwscIcon, product: "toc_NetworkDuration" },
|
||
{ title: "手机二次卡", icon: sjeckIcon, product: "toc_PhoneSecondaryCard" },
|
||
{ title: "手机号码风险", icon: sjhmfxIcon, product: "toc_PhoneNumberRisk" },
|
||
{ title: "银行卡四要素", icon: yhk4ysIcon, product: "toc_BankCardFourElements" },
|
||
{ title: "自然人生存状态", icon: zrrscztIcon, product: "toc_NaturalLifeStatus" },
|
||
// { title: "银行卡三要素", icon: yhksysIcon, product: "toc_BankCardThreeElements" },
|
||
// { title: "学历核验", icon: xlhyIcon, product: "toc_EducationVerification" },
|
||
{ title: "人车核验", icon: rchyIcon, product: "toc_PersonVehicleVerification" },
|
||
{ title: "名下车辆", icon: mxclIcon, product: "toc_VehiclesUnderName" },
|
||
{ title: "双人婚姻", icon: srhyIcon, product: "toc_DualMarriage" },
|
||
];
|
||
|
||
const toInquire = (product) => {
|
||
router.push('/inquire/' + product)
|
||
}
|
||
|
||
</script>
|
||
|
||
<style scoped></style> |