51 lines
2.1 KiB
Vue
51 lines
2.1 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/sfss_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>个人涉诉：查看XXXXXXXXXXXXXXXXXXX</li>
|
|||
|
|
<li>企业涉诉：查看XXXXXXXXXXXXXXXXXXX</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import { useWebView } from "@/composables/useWebView";
|
|||
|
|
useWebView()
|
|||
|
|
|
|||
|
|
import grssIcon from '@/assets/images/grss_icon.svg';
|
|||
|
|
import qyssIcon from '@/assets/images/qyss_icon.svg';
|
|||
|
|
const menuItems = [
|
|||
|
|
{ title: "个人涉诉", icon: grssIcon, product: "toc_PersonalLawsuit" },
|
|||
|
|
{ title: "企业涉诉", icon: qyssIcon, product: "toc_EnterpriseLawsuit" },
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
const toInquire = (product) => {
|
|||
|
|
if (!product) return
|
|||
|
|
uni.navigateTo({ url: '/pages/inquire?p=' + product })
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped></style>
|