两套反诈中心拦截页面代码
第一套
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网站安全提醒</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#FF4B4B',
secondary: '#666666'
},
borderRadius: {
'none': '0px',
'sm': '2px',
DEFAULT: '4px',
'md': '8px',
'lg': '12px',
'xl': '16px',
'2xl': '20px',
'3xl': '24px',
'full': '9999px',
'button': '4px'
}
}
}
}
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="bg-white min-h-screen">
<div class="flex flex-col items-center justify-center min-h-screen px-8">
<div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mb-6">
<i class="fas fa-exclamation text-white text-3xl"></i>
</div>
<h1 class="text-xl font-medium text-gray-900 mb-4">谨防网络诈骗</h1>
<p class="text-gray-600 text-center mb-6 leading-6">
您访问的网站/网页在存在诈骗风险<br>
请您注意个人信息和财产安全
</p>
<p class="text-gray-500 text-sm">
咨询电话：010-67825170
</p>
</div>
</body>
</html>
第二套
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=375, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>安全提示</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#1E4C9A',
secondary: '#E63946'
},
borderRadius: {
'none': '0px',
'sm': '2px',
DEFAULT: '4px',
'md': '8px',
'lg': '12px',
'xl': '16px',
'2xl': '20px',
'3xl': '24px',
'full': '9999px',
'button': '4px'
}
}
}
}
</script>
<style>
body {
background-color: #f5f5f5;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.warning-box {
background: rgba(30, 76, 154, 0.95);
}
</style>
</head>
<body class="min-h-screen">
<div class="fixed top-0 w-full bg-white shadow-md px-4 py-3 flex justify-between items-center z-50">
<div class="text-lg font-medium text-primary">安全提示</div>
</div>
<main class="pt-16 pb-20 px-4">
<div class="mb-8 flex justify-between items-center">
<img src="https://ai-public.mastergo.com/ai/img_res/05e3f7f0312aee2dee9e58d106041054.jpg" alt="公安部" class="w-16 h-16">
<img src="https://ai-public.mastergo.com/ai/img_res/145c702ba81ceed4cbdf1a3abd244a91.jpg" alt="工信部" class="w-16 h-16">
<img src="https://ai-public.mastergo.com/ai/img_res/58b096200610eb70b29067fa741d7ad1.jpg" alt="中国联通" class="w-16 h-16">
</div>
<div class="warning-box rounded-lg p-6 mb-6 text-white">
<div class="text-center mb-4 font-medium">
<p class="mb-2">国家反诈中心、工信部反诈中心、中国联通提示您</p>
</div>
<div class="bg-white/10 rounded-lg p-4">
<p class="text-center">您访问的网站/网页存在诈骗风险，请注意个人信息和财产安全</p>
</div>
</div>
<div class="bg-white rounded-lg p-6 shadow-sm">
<h3 class="text-lg font-medium mb-4 text-primary">紧急联系方式</h3>
<div class="space-y-4">
<div class="flex items-center">
<i class="fas fa-phone-alt text-primary w-6 h-6 flex items-center justify-center"></i>
<span class="ml-3">涉诈举报电话：110 或 96110</span>
</div>
<div class="flex items-center">
<i class="fas fa-headset text-primary w-6 h-6 flex items-center justify-center"></i>
<span class="ml-3">域名申诉电话：010-67825170 或 010-67825169</span>
</div>
</div>
</div>
<div class="bg-white rounded-lg p-6 mt-6 shadow-sm">
<h3 class="text-lg font-medium mb-4 text-primary">安全提示</h3>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start">
<i class="fas fa-shield-alt text-primary mt-1 w-5 h-5 flex items-center justify-center"></i>
<span class="ml-3">请勿向陌生网站提供银行卡、身份证等重要个人信息</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-primary mt-1 w-5 h-5 flex items-center justify-center"></i>
<span class="ml-3">谨防网络诈骗，保护个人财产安全</span>
</li>
<li class="flex items-start">
<i class="fas fa-lock text-primary mt-1 w-5 h-5 flex items-center justify-center"></i>
<span class="ml-3">遇到可疑情况请立即拨打110报警</span>
</li>
</ul>
</div>
</main>
</body>
</html>
评论 (0)