587 lines
23 KiB
HTML
587 lines
23 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>数据维护概念分析报告</title>
|
||
|
||
<!-- Font Awesome Icons -->
|
||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||
|
||
<!-- Tailwind CSS -->
|
||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||
|
||
<!-- DaisyUI -->
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
|
||
|
||
<!-- Google Fonts -->
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
||
|
||
<!-- tsParticles -->
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #1a2a6c, #2c3e50, #3498db);
|
||
min-height: 100vh;
|
||
position: relative;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
#tsparticles {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
}
|
||
|
||
.content-container {
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
|
||
}
|
||
|
||
.text-gradient {
|
||
background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
th, td {
|
||
padding: 12px 15px;
|
||
text-align: left;
|
||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
th {
|
||
background-color: rgba(79, 172, 254, 0.2);
|
||
font-weight: 600;
|
||
color: #e2e8f0;
|
||
text-transform: uppercase;
|
||
font-size: 0.75rem;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
|
||
td {
|
||
color: #f8fafc;
|
||
font-size: 0.875rem;
|
||
}
|
||
|
||
tr:hover {
|
||
background-color: rgba(255, 255, 255, 0.05);
|
||
}
|
||
|
||
.badge {
|
||
display: inline-block;
|
||
padding: 0.25rem 0.5rem;
|
||
font-size: 0.75rem;
|
||
font-weight: 500;
|
||
border-radius: 0.25rem;
|
||
background-color: rgba(79, 172, 254, 0.2);
|
||
color: #93c5fd;
|
||
}
|
||
|
||
.timeline-dot {
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background-color: #4facfe;
|
||
display: inline-block;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.content-container {
|
||
padding: 1rem;
|
||
}
|
||
|
||
th, td {
|
||
padding: 8px 10px;
|
||
font-size: 0.75rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="tsparticles"></div>
|
||
|
||
<div class="content-container min-h-screen py-8 px-4 md:px-8">
|
||
<!-- 标题部分 -->
|
||
<div class="max-w-7xl mx-auto mb-10 text-center">
|
||
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4">
|
||
<span class="text-gradient">数据维护</span>概念分析报告
|
||
</h1>
|
||
<p class="text-blue-200 text-lg max-w-3xl mx-auto">
|
||
从IT运维升级为国家安全与金融稳定的底层基础设施
|
||
</p>
|
||
<div class="mt-4 flex justify-center">
|
||
<div class="badge bg-blue-500 text-white">政策红利 + 技术刚需</div>
|
||
<div class="badge bg-purple-500 text-white ml-2">基本面拐点</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 概念事件部分 -->
|
||
<div class="max-w-7xl mx-auto mb-10">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
|
||
<i class="fas fa-calendar-alt mr-3 text-blue-400"></i>
|
||
概念事件
|
||
</h2>
|
||
<div class="text-blue-100 mb-6">
|
||
<p class="mb-4">
|
||
<span class="font-semibold text-blue-300">背景：</span>
|
||
2024年9月27日，上交所因交易系统成交确认延迟引发市场异常，暴露金融基础设施对数据维护的刚性需求。事件催化下，<span class="text-yellow-300 font-semibold">数据维护/交易优化</span>成为周末舆情焦点。
|
||
</p>
|
||
|
||
<h3 class="font-semibold text-blue-300 mt-6 mb-3">时间轴：</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-start">
|
||
<span class="timeline-dot"></span>
|
||
<div>
|
||
<span class="font-semibold text-white">2024-09-27：</span>
|
||
<span class="text-blue-100">上交所交易异常，舆情发酵</span>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="timeline-dot"></span>
|
||
<div>
|
||
<span class="font-semibold text-white">2024-09-29：</span>
|
||
<span class="text-blue-100">周末舆情将"数据维护"列为热度第一，叠加金融稳定报告、金融稳定法立法推进</span>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="timeline-dot"></span>
|
||
<div>
|
||
<span class="font-semibold text-white">长期：</span>
|
||
<span class="text-blue-100">金融、政务、工业等领域数据量指数级增长，数据维护从"成本中心"升级为"安全刚需"</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要部分 -->
|
||
<div class="max-w-7xl mx-auto mb-10">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
|
||
<i class="fas fa-lightbulb mr-3 text-yellow-400"></i>
|
||
核心观点摘要
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<div class="bg-gradient-to-br from-blue-600 to-blue-800 rounded-xl p-5">
|
||
<h3 class="text-lg font-semibold text-white mb-2">阶段判断</h3>
|
||
<p class="text-blue-100 text-sm">
|
||
数据维护已从"IT运维"升级为<span class="text-yellow-300 font-semibold">国家安全与金融稳定的底层基础设施</span>，处于政策红利+技术刚需驱动的<span class="text-yellow-300 font-semibold">基本面拐点</span>。
|
||
</p>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-purple-600 to-purple-800 rounded-xl p-5">
|
||
<h3 class="text-lg font-semibold text-white mb-2">核心驱动力</h3>
|
||
<p class="text-purple-100 text-sm">
|
||
政策强制（金融稳定法、等保2.0）+ 技术瓶颈（交易系统延迟、AI算力密度提升）+ 国产替代（去Oracle化、信创数据库）。
|
||
</p>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-green-600 to-green-800 rounded-xl p-5">
|
||
<h3 class="text-lg font-semibold text-white mb-2">未来潜力</h3>
|
||
<p class="text-green-100 text-sm">
|
||
2027年信创数据库替代空间<span class="text-yellow-300 font-semibold">500亿元</span>，金融/政务数据维护年复合增速<span class="text-yellow-300 font-semibold">20%+</span>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析部分 -->
|
||
<div class="max-w-7xl mx-auto mb-10">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
|
||
<i class="fas fa-chart-line mr-3 text-green-400"></i>
|
||
核心逻辑与市场认知分析
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-white mb-3">核心驱动力</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-blue-900 bg-opacity-30 rounded-lg p-4">
|
||
<h4 class="font-semibold text-blue-300 mb-2">政策强制</h4>
|
||
<p class="text-blue-100 text-sm">
|
||
央行2023年评级显示<span class="text-yellow-300">337家高风险银行</span>，金融稳定法明确"数据安全纳入系统性风险监管"。
|
||
</p>
|
||
</div>
|
||
<div class="bg-purple-900 bg-opacity-30 rounded-lg p-4">
|
||
<h4 class="font-semibold text-purple-300 mb-2">技术瓶颈</h4>
|
||
<p class="text-purple-100 text-sm">
|
||
上交所事件暴露传统架构在<span class="text-yellow-300">高并发场景下的延迟缺陷</span>，推动分布式数据库和实时监控系统渗透。
|
||
</p>
|
||
</div>
|
||
<div class="bg-green-900 bg-opacity-30 rounded-lg p-4">
|
||
<h4 class="font-semibold text-green-300 mb-2">国产替代</h4>
|
||
<p class="text-green-100 text-sm">
|
||
2027年信创deadline下，<span class="text-yellow-300">Oracle国内份额从80%降至10%</span>，数据维护国产化率不足20%。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-white mb-3">预期差分析</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-red-900 bg-opacity-30 rounded-lg p-4">
|
||
<h4 class="font-semibold text-red-300 mb-2">市场共识</h4>
|
||
<p class="text-red-100 text-sm">
|
||
数据维护="IT外包"，估值按软件服务PE（30-40倍）
|
||
</p>
|
||
</div>
|
||
<div class="bg-yellow-900 bg-opacity-30 rounded-lg p-4">
|
||
<h4 class="font-semibold text-yellow-300 mb-2">预期差</h4>
|
||
<p class="text-yellow-100 text-sm">
|
||
实际为<span class="text-yellow-300 font-semibold">金融基础设施</span>，具备牌照壁垒+客户粘性，估值应参考IDC/金融IT（EV/EBITDA 9-12倍→20倍）
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司分析部分 -->
|
||
<div class="max-w-7xl mx-auto mb-10">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
|
||
<i class="fas fa-sitemap mr-3 text-indigo-400"></i>
|
||
产业链与核心公司分析
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-white mb-3">产业链图谱</h3>
|
||
<div class="flex flex-wrap justify-center gap-4">
|
||
<div class="bg-blue-900 bg-opacity-30 rounded-lg px-4 py-2">
|
||
<span class="text-blue-300 font-semibold">上游：</span>
|
||
<span class="text-blue-100">芯片/服务器（鲲鹏、昇腾）、液冷（曙光数创）</span>
|
||
</div>
|
||
<div class="bg-purple-900 bg-opacity-30 rounded-lg px-4 py-2">
|
||
<span class="text-purple-300 font-semibold">中游：</span>
|
||
<span class="text-purple-100">数据库（达梦、海量数据）、监控系统（博睿数据）、数据中心（数据港、润泽科技）</span>
|
||
</div>
|
||
<div class="bg-green-900 bg-opacity-30 rounded-lg px-4 py-2">
|
||
<span class="text-green-300 font-semibold">下游：</span>
|
||
<span class="text-green-100">金融（恒生电子、金证股份）、政务（延华智能）、工业（云创数据）</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-white mb-3">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>公司</th>
|
||
<th>业务逻辑</th>
|
||
<th>竞争优势</th>
|
||
<th>风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-semibold text-yellow-300">达梦数据</td>
|
||
<td>国产数据库龙头</td>
|
||
<td>100%自研，Oracle兼容，毛利率96%</td>
|
||
<td>云厂商（华为/阿里）竞争</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-yellow-300">博睿数据</td>
|
||
<td>信创监控工具</td>
|
||
<td>华为云生态绑定，One 3.0技术领先</td>
|
||
<td>客户集中（华为云占比高）</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-yellow-300">数据港</td>
|
||
<td>金融IDC基础设施</td>
|
||
<td>98%收入来自阿里十年长约，现金流稳</td>
|
||
<td>客户单一，零售业务薄弱</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-yellow-300">云创数据</td>
|
||
<td>工业数据维护</td>
|
||
<td>无人工厂+服务器回收，毛利率25%+</td>
|
||
<td>二手服务器政策风险</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据表格 -->
|
||
<div class="max-w-7xl mx-auto mb-10">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
|
||
<i class="fas fa-table mr-3 text-pink-400"></i>
|
||
关联股票数据
|
||
</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>行业</th>
|
||
<th>产业链/项目</th>
|
||
<th>关联原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">恒生电子</td>
|
||
<td>金融行业</td>
|
||
<td>金融科技解决方案</td>
|
||
<td>聚焦证券、期货、公募、保险、交易所等客户的一站式金融科技解决方案</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">朗威股份</td>
|
||
<td>数据中心机柜系统</td>
|
||
<td>上海证券交易所金桥数据中心</td>
|
||
<td>产品终端应用于上交所金桥数据中心，拥有丰富案例</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">延华智能</td>
|
||
<td>数据中心基础设施</td>
|
||
<td>上海国际金融中心上交所机房</td>
|
||
<td>完成上交所机房等项目，业务涵盖数据中心建设与运维</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">顶点软件</td>
|
||
<td>金融行业信息化</td>
|
||
<td>券商CRM软件</td>
|
||
<td>国内券商CRM软件龙头，服务金融行业信息化业务</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">金证股份</td>
|
||
<td>证券/基金/银行/期货/信托</td>
|
||
<td>全技术栈解决方案</td>
|
||
<td>为多行业客户提供全技术栈、全产品线解决方案</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">零点有数</td>
|
||
<td>金融数据分析</td>
|
||
<td>中金财富证券/NPS服务</td>
|
||
<td>为中金财富证券等提供NPS服务体验管理与优化</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">铜牛信息</td>
|
||
<td>互联网数据中心</td>
|
||
<td>云服务/互联网接入</td>
|
||
<td>主营互联网数据中心服务、云平台及互联网接入系统集成</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">银信科技</td>
|
||
<td>金融科技</td>
|
||
<td>数据中心IT基础设施</td>
|
||
<td>国内最大金融科技解决方案领军者之一，提供一站式IT基础设施方案</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">联迪信息</td>
|
||
<td>金融信息化</td>
|
||
<td>风险管理/数字化运营</td>
|
||
<td>为金融客户提供全口径风险管控、数字化运营及数据平台建设</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">网宿科技</td>
|
||
<td>IT基础设施</td>
|
||
<td>云计算/大数据</td>
|
||
<td>全球领先的IT基础平台服务商，服务银行、券商、保险等客户</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">荣联科技</td>
|
||
<td>金融大数据</td>
|
||
<td>上交所操作终端虚拟化</td>
|
||
<td>为金融类交易所提供企业云计算和大数据专业服务，中标上交所项目</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">依米康</td>
|
||
<td>数据中心</td>
|
||
<td>上交所数据中心</td>
|
||
<td>为上交所数据中心等提供产品</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">神州数码</td>
|
||
<td>国产化计算</td>
|
||
<td>上交所主机及软件维护</td>
|
||
<td>中标上交所2023年主机及软件维护支持服务</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">远东传动</td>
|
||
<td>国产化计算</td>
|
||
<td>鲲鹏/AI计算</td>
|
||
<td>与黄河信产合作聚焦国产化通用计算的鲲鹏和AI计算的昇腾系列服务器</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">立昂技术</td>
|
||
<td>互联网金融</td>
|
||
<td>互联网金融IDC解决方案</td>
|
||
<td>大一互联官网显示有互联网金融IDC解决方案，服务异地灾备网络与托管环境</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-semibold text-blue-300">城地香江</td>
|
||
<td>数据中心</td>
|
||
<td>上交所金桥技术中心</td>
|
||
<td>2019年中标上交所金桥技术中心基地项目机柜系统</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 未来发展与投资启示部分 -->
|
||
<div class="max-w-7xl mx-auto mb-10">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
|
||
<i class="fas fa-rocket mr-3 text-orange-400"></i>
|
||
未来发展与投资启示
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold text-white mb-3">近期催化剂（3-6个月）</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-orange-900 bg-opacity-30 rounded-lg p-4">
|
||
<h4 class="font-semibold text-orange-300 mb-2">金融稳定法落地</h4>
|
||
<p class="text-orange-100 text-sm">
|
||
2024Q4立法通过，明确金融机构数据维护合规要求，银行/券商IT预算倾斜
|
||
</p>
|
||
</div>
|
||
<div class="bg-pink-900 bg-opacity-30 rounded-lg p-4">
|
||
<h4 class="font-semibold text-pink-300 mb-2">华为云生态合作</h4>
|
||
<p class="text-pink-100 text-sm">
|
||
博睿数据One 3.0通过华为云验收，信创监控工具批量导入
|
||
</p>
|
||
</div>
|
||
<div class="bg-indigo-900 bg-opacity-30 rounded-lg p-4">
|
||
<h4 class="font-semibold text-indigo-300 mb-2">数据库信创订单</h4>
|
||
<p class="text-indigo-100 text-sm">
|
||
达梦数据2024H2党政/金融订单释放（毛利率96%验证商业化）
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-white mb-3">投资方向</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-gradient-to-br from-green-600 to-teal-600 rounded-lg p-5">
|
||
<h4 class="font-semibold text-white mb-2">高壁垒基础设施</h4>
|
||
<p class="text-green-100 text-sm">
|
||
数据港（IDC+长约）、达梦数据（数据库牌照）——具备稳定现金流和高客户粘性
|
||
</p>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-purple-600 to-indigo-600 rounded-lg p-5">
|
||
<h4 class="font-semibold text-white mb-2">弹性环节</h4>
|
||
<p class="text-purple-100 text-sm">
|
||
博睿数据（华为云生态）、云创数据（AI服务器回收）——技术领先，成长空间大
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 初始化粒子背景
|
||
tsParticles.load("tsparticles", {
|
||
particles: {
|
||
number: {
|
||
value: 80,
|
||
density: {
|
||
enable: true,
|
||
value_area: 800
|
||
}
|
||
},
|
||
color: {
|
||
value: "#4facfe"
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: true
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
move: {
|
||
enable: true,
|
||
speed: 2,
|
||
direction: "none",
|
||
random: true,
|
||
straight: false,
|
||
out_mode: "out",
|
||
bounce: false
|
||
},
|
||
links: {
|
||
enable: true,
|
||
distance: 150,
|
||
color: "#4facfe",
|
||
opacity: 0.4,
|
||
width: 1
|
||
}
|
||
},
|
||
interactivity: {
|
||
detect_on: "canvas",
|
||
events: {
|
||
onhover: {
|
||
enable: true,
|
||
mode: "grab"
|
||
},
|
||
onclick: {
|
||
enable: true,
|
||
mode: "push"
|
||
},
|
||
resize: true
|
||
},
|
||
modes: {
|
||
grab: {
|
||
distance: 140,
|
||
links: {
|
||
opacity: 1
|
||
}
|
||
},
|
||
push: {
|
||
particles_nb: 4
|
||
}
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |