88 lines
3.8 KiB
Vue
88 lines
3.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">
|
|||
|
|
<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>手机三要素核验：查看XXXXXXXXXXXXXXXXXXX</li>
|
|||
|
|
<li>银行卡黑名单：查看XXXXXXXXXXXXXXXXXXX</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 menuItems = [
|
|||
|
|
{ title: "手机三要素", icon: sjsysIcon },
|
|||
|
|
{ title: "银行卡黑名单", icon: yhkhmdIcon },
|
|||
|
|
{ title: "身份证二要素", icon: sfzeysIcon },
|
|||
|
|
{ title: "手机二要素", icon: sjeysIcon },
|
|||
|
|
{ title: "在网时长", icon: sjzwscIcon },
|
|||
|
|
{ title: "手机二次卡", icon: sjeckIcon },
|
|||
|
|
{ title: "手机号码风险", icon: sjhmfxIcon },
|
|||
|
|
{ title: "银行卡四要素", icon: yhk4ysIcon },
|
|||
|
|
{ title: "银行卡三要素", icon: yhksysIcon },
|
|||
|
|
{ title: "自然人生存状态", icon: zrrscztIcon },
|
|||
|
|
{ title: "学历核验", icon: xlhyIcon },
|
|||
|
|
{ title: "人车核验", icon: rchyIcon },
|
|||
|
|
{ title: "名下车辆", icon: mxclIcon },
|
|||
|
|
{ title: "双人婚姻", icon: srhyIcon },
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
onMounted(() => {
|
|||
|
|
uni.getEnv((platform) => {
|
|||
|
|
console.log("当前运行环境", platform)
|
|||
|
|
handleBridgeReady(platform)
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
const handleBridgeReady = (platform) => {
|
|||
|
|
if (platform.h5) {
|
|||
|
|
window.parent.postMessage({ loaded: true }, '*');
|
|||
|
|
}
|
|||
|
|
// else {
|
|||
|
|
// uni.postMessage({
|
|||
|
|
// data: {
|
|||
|
|
// loaded: true,
|
|||
|
|
// },
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
};
|
|||
|
|
// console.log("uni", uni.navigateTo({ url: "/pages/index" }))
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped></style>
|