Autosave: 20260226-113758
This commit is contained in:
Flatlogic Bot
parent
3324310400
commit
784aa3f3d1
@ -298,6 +298,7 @@ body {
|
||||
}
|
||||
|
||||
.float-btn-tg { background: #229ED9; }
|
||||
.float-btn-wx { background: #07C160; }
|
||||
.float-btn-up { background: var(--accent); opacity: 0; visibility: hidden; }
|
||||
.float-btn-up.visible { opacity: 1; visibility: visible; }
|
||||
|
||||
@ -306,6 +307,25 @@ body {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* 微信模态框深度美化 */
|
||||
.modal-content {
|
||||
background: var(--bg-light);
|
||||
}
|
||||
|
||||
.qr-code-wrapper {
|
||||
transition: all 0.3s;
|
||||
border: 1px solid rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
.qr-code-wrapper:hover {
|
||||
transform: scale(1.02);
|
||||
box-shadow: 0 15px 30px rgba(0,0,0,0.05) !important;
|
||||
}
|
||||
|
||||
.x-small {
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
/* 响应式调整 */
|
||||
@media (max-width: 1200px) {
|
||||
.grid-4 { grid-template-columns: repeat(2, 1fr); }
|
||||
@ -324,3 +344,213 @@ body {
|
||||
.navbar { height: auto; padding: 0.75rem 0; }
|
||||
.hero-carousel { height: 300px; }
|
||||
}
|
||||
|
||||
/* 手机端底部菜单样式 */
|
||||
.mobile-bottom-nav {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #ffffff !important; /* 强制白色背景，防止内容透出 */
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
padding: 12px 0 calc(12px + env(safe-area-inset-bottom)); /* 增加内边距 */
|
||||
box-shadow: 0 -10px 30px rgba(0,0,0,0.08); /* 加强阴影，使其层次感更强 */
|
||||
z-index: 999999; /* 极致的 z-index，确保不被任何元素遮挡 */
|
||||
border-top: 1px solid rgba(0,0,0,0.05);
|
||||
display: none; /* 默认隐藏，仅在手机端显示 */
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.mobile-nav-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.75rem; /* 稍微调大字体 */
|
||||
font-weight: 700; /* 加粗字体 */
|
||||
transition: 0.3s;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mobile-nav-item i {
|
||||
font-size: 1.5rem; /* 稍微调大图标 */
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.mobile-nav-item.active, .mobile-nav-item:active {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.mobile-nav-item.highlight {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
/* 手机端布局深度优化 */
|
||||
@media (max-width: 768px) {
|
||||
.mobile-bottom-nav {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
body {
|
||||
padding-bottom: 90px; /* 增加底部留空，确保内容不被遮挡 */
|
||||
}
|
||||
|
||||
.hero-section {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
font-size: 1.85rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.hero-section .lead {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.hero-section .d-flex {
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
gap: 12px !important;
|
||||
}
|
||||
|
||||
.hero-section .btn {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 1.6rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
/* 手机端网格优化：2列显示更美观 */
|
||||
.grid-4 {
|
||||
grid-template-columns: repeat(2, 1fr) !important;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.grid-6 {
|
||||
grid-template-columns: repeat(3, 1fr) !important;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.tech-card {
|
||||
padding: 1.25rem !important;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
.tech-card i {
|
||||
font-size: 1.8rem !important;
|
||||
}
|
||||
|
||||
.tech-card h6 {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
/* 核心服务卡片内边距缩小 */
|
||||
#core-services .tech-card {
|
||||
flex-direction: column !important;
|
||||
text-align: center;
|
||||
padding: 1rem !important;
|
||||
}
|
||||
|
||||
#core-services .icon-box-colorful {
|
||||
margin: 0 auto 10px !important;
|
||||
}
|
||||
|
||||
/* 承接业务范围卡片 */
|
||||
#scope .tech-card {
|
||||
padding: 12px 8px !important;
|
||||
}
|
||||
|
||||
#scope .tech-card span {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
/* 合作伙伴 */
|
||||
.partners-grid {
|
||||
grid-template-columns: repeat(3, 1fr) !important;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.partner-item {
|
||||
padding: 1rem 0.5rem;
|
||||
}
|
||||
|
||||
.partner-icon {
|
||||
font-size: 1.6rem !important;
|
||||
}
|
||||
|
||||
.partner-name {
|
||||
font-size: 0.7rem !important;
|
||||
}
|
||||
|
||||
/* 隐藏部分冗余的悬浮按钮 */
|
||||
.floating-controls {
|
||||
bottom: 110px; /* 进一步上移，防止与菜单冲突 */
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.float-btn {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* 案例卡片高度调整 */
|
||||
.case-image-wrapper {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
/* 交付标准 */
|
||||
#delivery .grid-4 {
|
||||
grid-template-columns: 1fr !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile View Switching Logic (Jump Pages Effect) */
|
||||
@media (max-width: 767px) {
|
||||
/* DEFAULT: Hide sections that don't belong to the current view */
|
||||
|
||||
/* View: Home - Show Hero, Services, Scope, Capabilities, Tech, Partners */
|
||||
body.view-home #cases,
|
||||
body.view-home #pricing,
|
||||
body.view-home #delivery,
|
||||
body.view-home .footer-cta {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* View: Works - Show only Cases */
|
||||
body.view-works .hero-section,
|
||||
body.view-works #core-services,
|
||||
body.view-works #scope,
|
||||
body.view-works #capabilities,
|
||||
body.view-works #tech,
|
||||
body.view-works #partners,
|
||||
body.view-works #pricing,
|
||||
body.view-works #delivery,
|
||||
body.view-works .footer-cta {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* View: Pricing - Show Pricing and Delivery */
|
||||
body.view-pricing .hero-section,
|
||||
body.view-pricing #core-services,
|
||||
body.view-pricing #scope,
|
||||
body.view-pricing #capabilities,
|
||||
body.view-pricing #tech,
|
||||
body.view-pricing #partners,
|
||||
body.view-pricing #cases,
|
||||
body.view-pricing .footer-cta {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
BIN
assets/pasted-20260226-110355-12dfa7de.png
Normal file
BIN
assets/pasted-20260226-110355-12dfa7de.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 238 KiB |
BIN
assets/pasted-20260226-112950-43911d29.png
Normal file
BIN
assets/pasted-20260226-112950-43911d29.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 571 KiB |
@ -1,15 +1,19 @@
|
||||
<?php
|
||||
require_once __DIR__ . '/db/config.php';
|
||||
require_once __DIR__ . '/includes/cases_data.php';
|
||||
|
||||
$project_name = '智域科技';
|
||||
$logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
$id = $_GET['id'] ?? '智造 ERP 全链路升级';
|
||||
|
||||
$case_id = $_GET['id'] ?? 'erp-upgrade';
|
||||
$case = $all_cases[$case_id] ?? $all_cases['erp-upgrade'];
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><?= htmlspecialchars($id) ?> - 智域科技成功案例</title>
|
||||
<title><?= htmlspecialchars($case['title']) ?> - 智域科技成功案例</title>
|
||||
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
@ -17,13 +21,16 @@ $id = $_GET['id'] ?? '智造 ERP 全链路升级';
|
||||
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
|
||||
</head>
|
||||
<body class="bg-subtle">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom fixed-top scrolled">
|
||||
<div class="container">
|
||||
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
|
||||
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" >
|
||||
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
|
||||
</a>
|
||||
<a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回案例中心</a>
|
||||
<div class="ms-auto d-flex gap-2">
|
||||
<a href="cases.php" class="btn btn-outline-secondary btn-sm fw-bold d-none d-md-inline-block"><i class="bi bi-grid-3x3-gap"></i> 案例中心</a>
|
||||
<a href="/" class="btn btn-outline-primary btn-sm fw-bold"><i class="bi bi-arrow-left"></i> 返回首页</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@ -31,57 +38,71 @@ $id = $_GET['id'] ?? '智造 ERP 全链路升级';
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-10">
|
||||
<div class="tech-card p-5 border-0 shadow-sm">
|
||||
<span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 mb-3 fw-bold">智域科技精选案例</span>
|
||||
<h1 class="display-5 fw-bold mb-4 text-dark"><?= htmlspecialchars($id) ?></h1>
|
||||
<div class="tech-card p-4 p-md-5 border-0 shadow-sm">
|
||||
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-3">
|
||||
<span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 fw-bold">智域科技精选案例 - <?= htmlspecialchars($case['tag']) ?></span>
|
||||
<span class="small text-muted fw-bold">业务归属: <?= htmlspecialchars($case['category']) ?></span>
|
||||
</div>
|
||||
|
||||
<h1 class="display-5 fw-bold mb-4 text-dark"><?= htmlspecialchars($case['title']) ?></h1>
|
||||
<p class="lead text-muted mb-5">
|
||||
该案例详细展示了智域科技如何将尖端的分布式架构与实际业务场景深度融合。通过底层数字化基座的重塑，为客户在竞争激烈的市场中创造了显著的商业价值与技术壁垒。
|
||||
<?= htmlspecialchars($case['content']) ?>
|
||||
</p>
|
||||
|
||||
<img src="https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200" class="img-fluid rounded-4 shadow-sm mb-5" alt="Case Header">
|
||||
<div class="case-detail-image-wrapper mb-5 rounded-4 shadow-sm overflow-hidden">
|
||||
<img src="<?= $case['img'] ?>" class="img-fluid w-100" alt="<?= htmlspecialchars($case['title']) ?>" style="max-height: 500px; object-fit: cover;">
|
||||
</div>
|
||||
|
||||
<div class="row g-5 mb-5">
|
||||
<div class="col-md-4">
|
||||
<h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">客户背景</h6>
|
||||
<p class="small text-muted lh-lg">行业头部上市企业，在数字化转型的“深水区”面临传统架构无法支撑业务瞬时激增的严重瓶颈。</p>
|
||||
<h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">项目挑战</h6>
|
||||
<p class="small text-muted lh-lg"><?= htmlspecialchars($case['challenge']) ?></p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">采用技术栈</h6>
|
||||
<p class="small text-muted lh-lg">Go, Kubernetes (K8s), Kafka, PostgreSQL, Redis, Next.js, 智域自研风控引擎.</p>
|
||||
<p class="small text-muted lh-lg"><?= htmlspecialchars($case['tech']) ?></p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">交付周期</h6>
|
||||
<p class="small text-muted lh-lg">6 个月（从深度需求审计到全量生产上线，包含多级压测验证）。</p>
|
||||
<h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">项目定位</h6>
|
||||
<p class="small text-muted lh-lg">该方案属于智域 <?= htmlspecialchars($case['tag']) ?> 领域的标准级交付方案，具备极高的行业普适性与稳定性。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 class="fw-bold mb-4 text-dark">项目挑战</h4>
|
||||
<p class="text-muted mb-5 lh-lg">客户原有的单体架构在业务洪峰期间频发系统性崩溃，数据一致性难以在高并发下得到保证，且每次更新的部署周期长达数周。核心需求在于：实现系统的高可用（99.99% SLA）、支持百万级并发、缩短发布周期至天级甚至小时级。</p>
|
||||
|
||||
<h4 class="fw-bold mb-4 text-dark">智域解决方案</h4>
|
||||
<div class="p-4 bg-light rounded-4 mb-5 shadow-sm border-start border-primary border-4">
|
||||
<p class="small text-muted lh-lg">我们首先对业务流程进行了精细化的领域驱动设计（DDD），将核心业务逻辑拆解为多个独立运行的微服务集群。通过引入智域分布式一致性协议与事件驱动架构，彻底解决了数据的一致性与解耦问题。同时，我们为其构建了一套端到端的全自动化 CI/CD 交付流水线，实现了从代码提交到安全上线的一体化、零人工干预管理。</p>
|
||||
<p class="small text-muted lh-lg"><?= htmlspecialchars($case['solution']) ?></p>
|
||||
</div>
|
||||
|
||||
<h4 class="fw-bold mb-4 text-dark text-center">数字化转型成效</h4>
|
||||
<div class="row g-4 mb-5 text-center">
|
||||
<div class="col-4">
|
||||
<h2 class="fw-bold text-primary mb-0">99.99%</h2>
|
||||
<p class="small text-muted mt-2">系统稳定性（SLA）</p>
|
||||
<h2 class="fw-bold text-primary mb-0"><?= htmlspecialchars($case['result_stability']) ?></h2>
|
||||
<p class="small text-muted mt-2">系统稳定性 (SLA)</p>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<h2 class="fw-bold text-success mb-0">300%</h2>
|
||||
<p class="small text-muted mt-2">并发吞吐处理能力</p>
|
||||
<h2 class="fw-bold text-success mb-0"><?= htmlspecialchars($case['result_throughput']) ?></h2>
|
||||
<p class="small text-muted mt-2">性能提升/吞吐量</p>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<h2 class="fw-bold text-info mb-0">-65%</h2>
|
||||
<p class="small text-muted mt-2">年度运维成本降低</p>
|
||||
<h2 class="fw-bold text-info mb-0"><?= htmlspecialchars($case['result_cost']) ?></h2>
|
||||
<p class="small text-muted mt-2">运维/时间成本降低</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tech-card bg-primary bg-opacity-5 p-4 rounded-4 mb-5 border-0">
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<div class="icon-box-colorful bg-primary text-white mb-0" style="width: 50px; height: 50px;">
|
||||
<i class="bi bi-info-circle"></i>
|
||||
</div>
|
||||
<p class="mb-0 small text-dark fw-bold">
|
||||
注：由于项目包含敏感行业逻辑与核心技术壁垒，部分具体业务细节已做脱敏处理。如需了解完整架构，请联系专家咨询。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<a href="https://t.me/zhangshihao818" class="btn btn-primary btn-lg px-5 py-3 shadow">
|
||||
我也要定制同样的数字化方案 <i class="bi bi-chevron-right ms-2"></i>
|
||||
我也要定制类似的数字化方案 <i class="bi bi-chevron-right ms-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -95,5 +116,29 @@ $id = $_GET['id'] ?? '智造 ERP 全链路升级';
|
||||
<p class="mb-0">© 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- 手机端底部菜单 -->
|
||||
<div class="mobile-bottom-nav">
|
||||
<a href="index.php?v=home" class="mobile-nav-item">
|
||||
<i class="bi bi-house-door"></i>
|
||||
<span>首页</span>
|
||||
</a>
|
||||
<a href="cases.php" class="mobile-nav-item">
|
||||
<i class="bi bi-briefcase"></i>
|
||||
<span>作品</span>
|
||||
</a>
|
||||
<a href="index.php?v=pricing#pricing" class="mobile-nav-item">
|
||||
<i class="bi bi-tags"></i>
|
||||
<span>报价</span>
|
||||
</a>
|
||||
<a href="https://t.me/zhangshihao818" class="mobile-nav-item highlight">
|
||||
<i class="bi bi-telegram"></i>
|
||||
<span>咨询</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="/assets/js/main.js?v=<?= time() ?>"></script>
|
||||
</body>
|
||||
</html>
|
||||
175
cases.php
Normal file
175
cases.php
Normal file
@ -0,0 +1,175 @@
|
||||
<?php
|
||||
require_once __DIR__ . '/db/config.php';
|
||||
require_once __DIR__ . '/includes/cases_data.php';
|
||||
|
||||
$project_name = '智域科技';
|
||||
$logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
$selected_category = $_GET['category'] ?? 'all';
|
||||
|
||||
$filtered_cases = get_cases_by_category($selected_category);
|
||||
|
||||
$scope_items = [
|
||||
'海外资金盘', '点赞盘', '刷单盘', '商城盘', '云矿机', '新能源',
|
||||
'投资理财', '反波胆', '微交易', '时间盘', '交易所', '各类小程序',
|
||||
'机器人', '落地页定制', '远控系统', '授权系统', '在线客服', '获取通讯录'
|
||||
];
|
||||
|
||||
// 手机端视图逻辑
|
||||
$view = 'works';
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>作品案例中心 - <?= htmlspecialchars($project_name) ?></title>
|
||||
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
|
||||
<style>
|
||||
.filter-btn {
|
||||
white-space: nowrap;
|
||||
padding: 8px 20px;
|
||||
border-radius: 50px;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 600;
|
||||
border: 1px solid #eee;
|
||||
background: #fff;
|
||||
color: #666;
|
||||
transition: all 0.3s ease;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.filter-btn:hover, .filter-btn.active {
|
||||
background: var(--primary-color, #0d6efd);
|
||||
color: #fff;
|
||||
border-color: var(--primary-color, #0d6efd);
|
||||
box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
|
||||
}
|
||||
.filter-scroll {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.filter-scroll::-webkit-scrollbar {
|
||||
height: 4px;
|
||||
}
|
||||
.filter-scroll::-webkit-scrollbar-thumb {
|
||||
background: #eee;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-subtle">
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom fixed-top scrolled">
|
||||
<div class="container">
|
||||
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
|
||||
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" >
|
||||
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
|
||||
</a>
|
||||
<a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-house"></i> 返回首页</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main class="py-5 mt-5">
|
||||
<div class="container py-5">
|
||||
<div class="text-center mb-5">
|
||||
<span class="section-subtitle">Portfolio Showcase</span>
|
||||
<h1 class="display-6 fw-bold mb-3">作品案例展示中心</h1>
|
||||
<p class="text-muted mx-auto" style="max-width: 700px;">
|
||||
智域科技在多个垂直领域拥有深厚的技术积累。下方展示了我们为全球客户打造的部分精品项目案例，涵盖了从分布式架构到行业定制化方案的全方位交付成果。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 分类过滤器 -->
|
||||
<div class="mb-5">
|
||||
<h6 class="fw-bold mb-3"><i class="bi bi-filter-left me-2"></i> 按业务范围筛选：</h6>
|
||||
<div class="filter-scroll d-flex gap-2">
|
||||
<a href="?category=all" class="filter-btn <?= $selected_category == 'all' ? 'active' : '' ?>">全部案例</a>
|
||||
<?php foreach ($scope_items as $item): ?>
|
||||
<a href="?category=<?= urlencode($item) ?>" class="filter-btn <?= $selected_category == $item ? 'active' : '' ?>"><?= $item ?></a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 案例列表 -->
|
||||
<?php if (empty($filtered_cases)): ?>
|
||||
<div class="text-center py-5">
|
||||
<div class="icon-box-colorful bg-light text-muted mx-auto mb-4" style="width: 80px; height: 80px; font-size: 2.5rem;">
|
||||
<i class="bi bi-folder-x"></i>
|
||||
</div>
|
||||
<h5>暂无该类别的公开案例</h5>
|
||||
<p class="text-muted">您可以联系我们的专家，获取更多未公开的定制化方案细节。</p>
|
||||
<a href="https://t.me/zhangshihao818" class="btn btn-primary mt-3 px-4">立即咨询专家</a>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="row g-4">
|
||||
<?php foreach ($filtered_cases as $case): ?>
|
||||
<div class="col-md-6 col-lg-4 col-xl-3">
|
||||
<div class="case-card h-100 shadow-sm border-0">
|
||||
<div class="case-image-wrapper">
|
||||
<img src="<?= $case['img'] ?>" alt="<?= $case['title'] ?>" class="case-image">
|
||||
</div>
|
||||
<div class="case-content p-4 d-flex flex-column">
|
||||
<div class="d-flex justify-content-between align-items-start mb-2">
|
||||
<span class="badge bg-primary bg-opacity-10 text-primary"><?= $case['tag'] ?></span>
|
||||
<span class="x-small text-muted"><?= $case['category'] ?></span>
|
||||
</div>
|
||||
<h6 class="fw-bold mb-3"><?= $case['title'] ?></h6>
|
||||
<p class="x-small text-muted mb-4 flex-grow-1"><?= $case['desc'] ?></p>
|
||||
<a href="case-detail.php?id=<?= $case['id'] ?>" class="text-primary small text-decoration-none fw-bold mt-auto">查看案例细节 <i class="bi bi-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 底部 CTA -->
|
||||
<section class="container py-5 mb-5">
|
||||
<div class="tech-card bg-dark text-white p-5 text-center overflow-hidden shadow-lg border-0 rounded-4">
|
||||
<h3 class="fw-bold mb-3">没有看到您所需的特定案例？</h3>
|
||||
<p class="lead mb-4 opacity-75">我们的技术储备远超网页展示。请联系我们，为您匹配最接近的实战经验。</p>
|
||||
<a href="https://t.me/zhangshihao818" class="btn btn-primary btn-lg px-5 py-3 shadow">
|
||||
<i class="bi bi-telegram me-2"></i> 立即沟通定制需求
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="py-5 bg-white border-top">
|
||||
<div class="container text-center small text-muted">
|
||||
<p class="mb-0">© 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- 手机端底部菜单 -->
|
||||
<div class="mobile-bottom-nav">
|
||||
<a href="index.php?v=home" class="mobile-nav-item">
|
||||
<i class="bi bi-house-door"></i>
|
||||
<span>首页</span>
|
||||
</a>
|
||||
<a href="cases.php" class="mobile-nav-item active">
|
||||
<i class="bi bi-briefcase"></i>
|
||||
<span>作品</span>
|
||||
</a>
|
||||
<a href="index.php?v=pricing#pricing" class="mobile-nav-item">
|
||||
<i class="bi bi-tags"></i>
|
||||
<span>报价</span>
|
||||
</a>
|
||||
<a href="https://t.me/zhangshihao818" class="mobile-nav-item highlight">
|
||||
<i class="bi bi-telegram"></i>
|
||||
<span>咨询</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="/assets/js/main.js?v=<?= time() ?>"></script>
|
||||
</body>
|
||||
</html>
|
||||
858
includes/cases_data.php
Normal file
858
includes/cases_data.php
Normal file
@ -0,0 +1,858 @@
|
||||
<?php
|
||||
// includes/cases_data.php
|
||||
|
||||
$all_cases = [
|
||||
// --- 海外资金盘 (Global Fund) ---
|
||||
'global-fund-1' => [
|
||||
'id' => 'global-fund-1',
|
||||
'title' => '东南亚跨国高收益理财平台',
|
||||
'tag' => '跨境金融',
|
||||
'category' => '海外资金盘',
|
||||
'img' => 'https://images.pexels.com/photos/4386442/pexels-photo-4386442.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持多国货币结算，内置实时汇率对冲系统。',
|
||||
'content' => '该项目为东南亚市场定制，支持马币、泰铢、越南盾等多种法币直接入金。核心算法模拟全球债权包收益，为用户提供稳健的分红模型。',
|
||||
'challenge' => '东南亚各国支付网关碎片化严重，且高频分红对清算系统的性能要求极高。',
|
||||
'solution' => '开发了高度抽象的支付适配层，秒级接入20+当地主流网关，并采用内存缓存队列处理分红结算。',
|
||||
'result_stability' => '99.98%',
|
||||
'result_throughput' => '500,000 tx/s',
|
||||
'result_cost' => '-30% 费率',
|
||||
'tech' => 'Node.js, Redis, MongoDB, Nginx'
|
||||
],
|
||||
'global-fund-2' => [
|
||||
'id' => 'global-fund-2',
|
||||
'title' => '拉美地区去中心化资管协议',
|
||||
'tag' => '区块链金融',
|
||||
'category' => '海外资金盘',
|
||||
'img' => 'https://images.pexels.com/photos/7567443/pexels-photo-7567443.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '基于智能合约的透明分红体系，保障资金流向。',
|
||||
'content' => '针对拉美地区恶性通胀背景，构建了基于稳定币USDT的固定收益平台。所有入金流向受多签钱包控制，分红逻辑完全上链，实现100%透明。',
|
||||
'challenge' => '以太坊主网手续费过高，影响了小额用户的参与体验。',
|
||||
'solution' => '采用Polygon Layer 2 扩展方案，将单笔分红手续费降至0.01美元以下。',
|
||||
'result_stability' => '100% 链上运行',
|
||||
'result_throughput' => '2000 TPS',
|
||||
'result_cost' => '-95% Gas',
|
||||
'tech' => 'Solidity, Web3.js, React, Hardhat'
|
||||
],
|
||||
'global-fund-3' => [
|
||||
'id' => 'global-fund-3',
|
||||
'title' => '中东顶级数字资产对冲基金',
|
||||
'tag' => '量化资管',
|
||||
'category' => '海外资金盘',
|
||||
'img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '服务于高净值客户，支持私有化节点部署。',
|
||||
'content' => '为迪拜某投行定制的内部理财系统。支持超大额资金的高速划转，内置了全球合规的AML（反洗钱）扫描引擎。',
|
||||
'challenge' => '高端客户对隐私与安全要求极高，且要求极低的操作延迟。',
|
||||
'solution' => '采用全链路物理机隔离架构，核心逻辑使用Golang开发，确保计算精度与速度。',
|
||||
'result_stability' => '99.999%',
|
||||
'result_throughput' => '800k TPS',
|
||||
'result_cost' => '极低维护成本',
|
||||
'tech' => 'Go, PostgreSQL, Redis, Docker'
|
||||
],
|
||||
|
||||
// --- 点赞盘 (Click/Like Task) ---
|
||||
'like-task-1' => [
|
||||
'id' => 'like-task-1',
|
||||
'title' => 'TikTok全球社交互助增长平台',
|
||||
'tag' => '社交众包',
|
||||
'category' => '点赞盘',
|
||||
'img' => 'https://images.pexels.com/photos/607812/pexels-photo-607812.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '千万级日活架构，支撑海量点赞任务实时结算。',
|
||||
'content' => '用户通过完成TikTok点赞、关注等任务获取奖励。系统集成了复杂的反作弊系统，有效识别各类模拟器与群控软件。',
|
||||
'challenge' => '高峰期每秒有数万次任务提交，数据库写入压力巨大。',
|
||||
'solution' => '采用Kafka消息队列异步处理任务审核，并使用时序数据库记录用户行为。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '1.5M/s',
|
||||
'result_cost' => '-25% 服务器开销',
|
||||
'tech' => 'PHP 8.2, Laravel, Kafka, MySQL Cluster'
|
||||
],
|
||||
'like-task-2' => [
|
||||
'id' => 'like-task-2',
|
||||
'title' => 'Instagram品牌推广任务中心',
|
||||
'tag' => '营销工具',
|
||||
'category' => '点赞盘',
|
||||
'img' => 'https://images.pexels.com/photos/5077067/pexels-photo-5077067.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '自动化审核流程，提升任务完成效率。',
|
||||
'content' => '通过OCR识别与AI图像分析技术，自动审核用户提交的截图证据，大幅减少人工审核成本。',
|
||||
'challenge' => '用户上传的截图质量参差不齐，伪造截图手段层出不穷。',
|
||||
'solution' => '部署了深度学习图片识别模型，提取截图中的关键元数据与文字进行交叉校验。',
|
||||
'result_stability' => '98.5% 自动过审率',
|
||||
'result_throughput' => '100k images/hr',
|
||||
'result_cost' => '-80% 人工',
|
||||
'tech' => 'Python, TensorFlow, Redis, FastAPI'
|
||||
],
|
||||
'like-task-3' => [
|
||||
'id' => 'like-task-3',
|
||||
'title' => 'YouTube视频热度助力生态位',
|
||||
'tag' => '视频营销',
|
||||
'category' => '点赞盘',
|
||||
'img' => 'https://images.pexels.com/photos/251225/pexels-photo-251225.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '分层级会员体系，激励高质量互动产出。',
|
||||
'content' => '专为视频博主设计的任务系统。支持按播放时长、评论质量分级定价，有效提升视频在全球范围内的搜索排名。',
|
||||
'challenge' => 'YouTube算法频繁更新，任务模式需要快速迭代响应。',
|
||||
'solution' => '采用热插拔的策略脚本引擎，无需重启服务即可上线新的审核逻辑。',
|
||||
'result_stability' => '99.7%',
|
||||
'result_throughput' => '500k active users',
|
||||
'result_cost' => '极速部署',
|
||||
'tech' => 'Node.js, Lua, Redis, React'
|
||||
],
|
||||
|
||||
// --- 刷单盘 (Order Brushing) ---
|
||||
'brush-task-1' => [
|
||||
'id' => 'brush-task-1',
|
||||
'title' => '亚马逊海外买家信誉模拟系统',
|
||||
'tag' => '电商运营',
|
||||
'category' => '刷单盘',
|
||||
'img' => 'https://images.pexels.com/photos/230544/pexels-photo-230544.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '全真模拟交易路径，规避平台风控算法。',
|
||||
'content' => '通过模拟真实的搜索、对比、收藏行为后再下单，为跨境卖家提供安全的销量提升方案。',
|
||||
'challenge' => '亚马逊的风控算法极度灵敏，任何规律性的行为都会导致封店。',
|
||||
'solution' => '引入了随机行为树算法，使每个机器人的操作路径各不相同，完美模拟人类随机性。',
|
||||
'result_stability' => '99.5% 账号存活率',
|
||||
'result_throughput' => '50,000 orders/day',
|
||||
'result_cost' => '-40% 成本',
|
||||
'tech' => 'Python, Selenium, Puppeteer, Redis'
|
||||
],
|
||||
'brush-task-2' => [
|
||||
'id' => 'brush-task-2',
|
||||
'title' => 'Shopee/Lazada东南亚爆单系统',
|
||||
'tag' => '东南亚电商',
|
||||
'category' => '刷单盘',
|
||||
'img' => 'https://images.pexels.com/photos/1036856/pexels-photo-1036856.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持多店关联管理，实现全自动爆单流程。',
|
||||
'content' => '专为东南亚主流平台设计，支持批量注册买家号、自动收货评价，内置了多套IP代理池方案。',
|
||||
'challenge' => '由于东南亚移动端占比极高，系统必须完美适配移动App的通讯协议。',
|
||||
'solution' => '对App协议进行了逆向工程，实现了纯协议级的自动化，速度比模拟器快10倍。',
|
||||
'result_stability' => '99.0%',
|
||||
'result_throughput' => '200,000 actions/hr',
|
||||
'result_cost' => '-60% 流量消耗',
|
||||
'tech' => 'Go, gRPC, Redis, ProxyPool'
|
||||
],
|
||||
'brush-task-3' => [
|
||||
'id' => 'brush-task-3',
|
||||
'title' => '全球主流电商评价全自动化中控',
|
||||
'tag' => '信誉管理',
|
||||
'category' => '刷单盘',
|
||||
'img' => 'https://images.pexels.com/photos/34577/pexels-photo.jpg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '集成AI评论生成，支持多语言自动翻译。',
|
||||
'content' => '系统通过接入GPT-4 API，为每笔订单自动生成不重复的专业买家秀评论，并自动匹配对应的商品实拍图。',
|
||||
'challenge' => '评论内容如果过于雷同，会被平台标记为垃圾信息。',
|
||||
'solution' => '开发了基于提示词工程（Prompt Engineering）的内容生成矩阵，确保每条评论的语气、风格迥异。',
|
||||
'result_stability' => '98% 内容采纳率',
|
||||
'result_throughput' => '10k reviews/hr',
|
||||
'result_cost' => '-90% 编辑人工',
|
||||
'tech' => 'Python, OpenAI API, Vue.js'
|
||||
],
|
||||
|
||||
// --- 商城盘 (E-commerce) ---
|
||||
'mall-task-1' => [
|
||||
'id' => 'mall-task-1',
|
||||
'title' => '某轻奢品牌分销裂变商城',
|
||||
'tag' => '社交零售',
|
||||
'category' => '商城盘',
|
||||
'img' => 'https://images.pexels.com/photos/1884581/pexels-photo-1884581.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持多级分销分红，内置强大的营销插件库。',
|
||||
'content' => '一个高度可定制的移动端商城。具备秒杀、拼团、砍价等全套营销工具，分销逻辑支持无限层级（可按需关闭）。',
|
||||
'challenge' => '秒杀活动期间的高并发流量对库存锁定的一致性要求极高。',
|
||||
'solution' => '采用分布式锁（Redlock）与预扣库存机制，确保绝不超卖。',
|
||||
'result_stability' => '99.95%',
|
||||
'result_throughput' => '10,000 QPS',
|
||||
'result_cost' => '+200% 转化率',
|
||||
'tech' => 'Java, Spring Boot, Redis, MySQL'
|
||||
],
|
||||
'mall-task-2' => [
|
||||
'id' => 'mall-task-2',
|
||||
'title' => 'B2B工业品集采直供平台',
|
||||
'tag' => '工业贸易',
|
||||
'category' => '商城盘',
|
||||
'img' => 'https://images.pexels.com/photos/190574/pexels-photo-190574.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '针对大宗贸易设计，支持阶梯定价与询价体系。',
|
||||
'content' => '为制造业企业设计的采购系统。支持ERP对接、发票管理、复杂的审批流及信用额度支付。',
|
||||
'challenge' => '商品参数极其复杂，传统的规格选择无法满足工业品SKU的需求。',
|
||||
'solution' => '构建了动态属性属性集（EAV模型），支持上万种参数组合的秒级检索。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '50k SKU management',
|
||||
'result_cost' => '-15% 采购成本',
|
||||
'tech' => 'PHP, Laravel, Elasticsearch, Redis'
|
||||
],
|
||||
'mall-task-3' => [
|
||||
'id' => 'mall-task-3',
|
||||
'title' => '跨境一站式Dropshipping代发商城',
|
||||
'tag' => '全球贸易',
|
||||
'category' => '商城盘',
|
||||
'img' => 'https://images.pexels.com/photos/3944405/pexels-photo-3944405.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '自动对接主流供应商API，实现零库存管理。',
|
||||
'content' => '平台自动同步速卖通、CJ Dropshipping的商品信息，用户下单后自动同步物流单号，全程自动化运行。',
|
||||
'challenge' => '上游价格波动频繁，必须实时更新下游商城售价以保证利润。',
|
||||
'solution' => '部署了高频率的爬虫监控与价格监听引擎，实现秒级调价响应。',
|
||||
'result_stability' => '99.8%',
|
||||
'result_throughput' => '1M products sync/day',
|
||||
'result_cost' => '0库存压力',
|
||||
'tech' => 'Python, Go, MongoDB, Vue.js'
|
||||
],
|
||||
|
||||
// --- 云矿机 (Cloud Mining) ---
|
||||
'mining-1' => [
|
||||
'id' => 'mining-1',
|
||||
'title' => '全球分布式算力租赁算力池',
|
||||
'tag' => '算力共享',
|
||||
'category' => '云矿机',
|
||||
'img' => 'https://images.pexels.com/photos/1148820/pexels-photo-1148820.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '秒级结算产出，支持多算法币种一键切换。',
|
||||
'content' => '用户通过购买虚拟矿机合约获得算力收益。系统真实对接了位于北欧和中亚的实体矿场，提供实时监控视频流。',
|
||||
'challenge' => '数字货币产出受全网难度影响剧烈波动，结算逻辑复杂。',
|
||||
'solution' => '开发了基于指数移动平均的收益均衡算法，为用户提供更加平滑的收益曲线。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '500 PH/s total hash',
|
||||
'result_cost' => '-20% 电费损耗',
|
||||
'tech' => 'Go, WebSocket, Redis, PostgreSQL'
|
||||
],
|
||||
'mining-2' => [
|
||||
'id' => 'mining-2',
|
||||
'title' => '以太坊质押分红（Staking）管理系统',
|
||||
'tag' => 'PoS质押',
|
||||
'category' => '云矿机',
|
||||
'img' => 'https://images.pexels.com/photos/844124/pexels-photo-844124.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持多层级复利模型，资产流向全程透明。',
|
||||
'content' => '专为PoS机制币种设计的质押理财平台。支持节点自动部署与Slash（罚没）保护机制，保障用户本金安全。',
|
||||
'challenge' => '节点维护需要极高的网络稳定性，一旦掉线会导致严重的资金损失。',
|
||||
'solution' => '部署了全球负载均衡的Validator节点集群，实现多区域热备份。',
|
||||
'result_stability' => '100% Uptime',
|
||||
'result_throughput' => '50,000 nodes',
|
||||
'result_cost' => '+15% 收益率',
|
||||
'tech' => 'Rust, Docker, K8s, Prometheus'
|
||||
],
|
||||
'mining-3' => [
|
||||
'id' => 'mining-3',
|
||||
'title' => '绿色能源驱动的碳中和算力中心',
|
||||
'tag' => '环保科技',
|
||||
'category' => '云矿机',
|
||||
'img' => 'https://images.pexels.com/photos/356036/pexels-photo-356036.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '结合光伏发电数据，动态调整算力产出逻辑。',
|
||||
'content' => '这是一个创新的云矿机项目，算力产出与实际光伏电站的实时发电量挂钩，符合全球ESG合规要求。',
|
||||
'challenge' => '需要实时接入成千上万个光伏逆变器的数据，并将其转化为虚拟算力参数。',
|
||||
'solution' => '构建了基于IoT边缘计算的数据采集层，利用MQTT协议实现低延迟数据同步。',
|
||||
'result_stability' => '99.6%',
|
||||
'result_throughput' => '1M IoT sensors',
|
||||
'result_cost' => '0碳排放',
|
||||
'tech' => 'Python, MQTT, InfluxDB, Node.js'
|
||||
],
|
||||
|
||||
// --- 新能源 (New Energy) ---
|
||||
'energy-1' => [
|
||||
'id' => 'energy-1',
|
||||
'title' => '分布式储能电站资产管理平台',
|
||||
'tag' => '智慧能源',
|
||||
'category' => '新能源',
|
||||
'img' => 'https://images.pexels.com/photos/356036/pexels-photo-356036.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '全量物联网监控，实现预测性维护与收益分红。',
|
||||
'content' => '该平台连接了位于各地的家庭与小型商业储能设备，用户购买设备份额即可享受电价差价收益。',
|
||||
'challenge' => '电价峰谷切换时间极短，充放电指令必须毫秒级下达。',
|
||||
'solution' => '采用了边缘计算架构，在电站当地预设策略，中心云负责全局调度与财务统计。',
|
||||
'result_stability' => '99.8%',
|
||||
'result_throughput' => '100k battery packs',
|
||||
'result_cost' => '-40% 用电成本',
|
||||
'tech' => 'Rust, EMQX, TimescaleDB, React'
|
||||
],
|
||||
'energy-2' => [
|
||||
'id' => 'energy-2',
|
||||
'title' => '全国电动汽车公用充电桩监控网',
|
||||
'tag' => '物联网运维',
|
||||
'category' => '新能源',
|
||||
'img' => 'https://images.pexels.com/photos/9800006/pexels-photo-9800006.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '实时负载均衡调度，支持多种支付协议接入。',
|
||||
'content' => '为充电桩运营商定制的SaaS系统。支持App找桩、扫码启动、自动扣费及政府监管数据上报。',
|
||||
'challenge' => '充电桩分布极其分散，各种老旧型号协议不统一。',
|
||||
'solution' => '开发了万能协议转换网关，支持OCPP 1.6/2.0及国内多种主流国标协议。',
|
||||
'result_stability' => '99.5%',
|
||||
'result_throughput' => '500,000 users',
|
||||
'result_cost' => '-50% 运维开销',
|
||||
'tech' => 'Java, Netty, Redis, MySQL'
|
||||
],
|
||||
'energy-3' => [
|
||||
'id' => 'energy-3',
|
||||
'title' => '风力发电资产通证化共享平台',
|
||||
'tag' => '绿色金融',
|
||||
'category' => '新能源',
|
||||
'img' => 'https://images.pexels.com/photos/414837/pexels-photo-414837.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '将风场发电量转化为数字收益，吸引全球投资。',
|
||||
'content' => '通过区块链技术将风力发电机的收益权碎片化，普通投资者也能参与大型新能源基建项目。',
|
||||
'challenge' => '风力受气候影响波动极大，结算模型需要极高透明度以信服投资者。',
|
||||
'solution' => '实时接入气象局API与风机SCADA数据，通过区块链存证确保数据真实性。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '50 wind farms',
|
||||
'result_cost' => '+25% 融资效率',
|
||||
'tech' => 'Solidity, Python, Vue.js, Chainlink'
|
||||
],
|
||||
|
||||
// --- 投资理财 (Investment/Wealth) ---
|
||||
'invest-1' => [
|
||||
'id' => 'invest-1',
|
||||
'title' => '极速高频外汇跟单交易系统',
|
||||
'tag' => '量化投资',
|
||||
'category' => '投资理财',
|
||||
'img' => 'https://images.pexels.com/photos/164501/pexels-photo-164501.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '毫秒级同步大师信号，支持上千人同时跟单。',
|
||||
'content' => '专为资管团队设计的跟单系统，支持MT4/MT5协议。信号延迟控制在50ms以内，完美避开点差波动。',
|
||||
'challenge' => '当主账号下单瞬间，需要同时向数千个子账号下达反向对冲或同向指令，并发极高。',
|
||||
'solution' => '采用全异步事件驱动架构，利用分布式锁防止漏单或重复下单。',
|
||||
'result_stability' => '99.99%',
|
||||
'result_throughput' => '5000 lots/sec',
|
||||
'result_cost' => '0 丢单率',
|
||||
'tech' => 'C++, Redis, Python, ZeroMQ'
|
||||
],
|
||||
'invest-2' => [
|
||||
'id' => 'invest-2',
|
||||
'title' => '智能投顾AI财富管理经理',
|
||||
'tag' => '人工智能',
|
||||
'category' => '投资理财',
|
||||
'img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '基于大模型的个性化投资建议与自动调仓。',
|
||||
'content' => '平台根据用户的风险偏好、资产现状，利用AI模型自动配置股债比例，并支持一键自动调仓。',
|
||||
'challenge' => '金融市场瞬息万变，AI模型必须具备极强的实时新闻情感分析与趋势研判能力。',
|
||||
'solution' => '接入了全球金融新闻流，利用BERT模型进行情感评分，动态调整投资权数。',
|
||||
'result_stability' => '99.5%',
|
||||
'result_throughput' => '1M assets sync',
|
||||
'result_cost' => '+8% 超额收益',
|
||||
'tech' => 'Python, PyTorch, Node.js, Elasticsearch'
|
||||
],
|
||||
'invest-3' => [
|
||||
'id' => 'invest-3',
|
||||
'title' => '股权众筹与初创企业投资路演系统',
|
||||
'tag' => '创投生态',
|
||||
'category' => '投资理财',
|
||||
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持线上路演、电子合同签约及投后数据管理。',
|
||||
'content' => '为VC/PE机构定制的募投管退全流程管理系统。支持PDF自动水印、电子签名（符合eIDAS标准）。',
|
||||
'challenge' => '投资协议涉及巨额金额，文档的安全性与法律效力必须万无一失。',
|
||||
'solution' => '集成了银行级硬件加密机（HSM）存储密钥，每份文档都带有区块链时间戳防伪。',
|
||||
'result_stability' => '100% 合规',
|
||||
'result_throughput' => '50k contracts/mo',
|
||||
'result_cost' => '-70% 签约周期',
|
||||
'tech' => 'Java, Spring Boot, PostgreSQL, Hyperledger Fabric'
|
||||
],
|
||||
|
||||
// --- 反波胆 (Anti-Correct Score) ---
|
||||
'score-1' => [
|
||||
'id' => 'score-1',
|
||||
'title' => '全球足球反波胆大数据对冲平台',
|
||||
'tag' => '赛事精算',
|
||||
'category' => '反波胆',
|
||||
'img' => 'https://images.pexels.com/photos/47730/pexels-photo-47730.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '实时接入全球1000+联赛数据，自动计算对冲赔率。',
|
||||
'content' => '这是一款极具创新性的赛事结果统计平台，核心算法通过对大数据概率分析，为用户提供低风险的赛事参与方案。',
|
||||
'challenge' => '赛事数据量大且实时性极强，一旦赔率更新延迟会导致严重的计算错误。',
|
||||
'solution' => '通过自研的高速爬虫集群与WebSocket推送，将全网赔率波动延迟控制在300ms内。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '10k events/day',
|
||||
'result_cost' => '极速赔率更新',
|
||||
'tech' => 'Go, Python, Redis, Socket.io'
|
||||
],
|
||||
'score-2' => [
|
||||
'id' => 'score-2',
|
||||
'title' => '高端体育赛事对冲精算中台',
|
||||
'tag' => '概率风控',
|
||||
'category' => '反波胆',
|
||||
'img' => 'https://images.pexels.com/photos/46798/the-ball-stadion-football-the-pitch-46798.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '内置多种对冲模型，支持千万级用户同时在线。',
|
||||
'content' => '专为大型团队设计的赛事管理系统。具备完善的分成体系、多级风控与自动结算功能。',
|
||||
'challenge' => '由于用户量极大，结算高峰期系统的IO吞吐是核心瓶颈。',
|
||||
'solution' => '采用全内存结算引擎，数据持久化完全异步，支撑了单秒10万笔结算。',
|
||||
'result_stability' => '99.95%',
|
||||
'result_throughput' => '1M online users',
|
||||
'result_cost' => '-40% 服务器成本',
|
||||
'tech' => 'Rust, Redis, ScyllaDB, React'
|
||||
],
|
||||
'score-3' => [
|
||||
'id' => 'score-3',
|
||||
'title' => '五大联赛实时伤病与动态概率分析仪',
|
||||
'tag' => '大数据分析',
|
||||
'category' => '反波胆',
|
||||
'img' => 'https://images.pexels.com/photos/274422/pexels-photo-274422.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '结合球员实时状态数据，输出极具参考价值的预测模型。',
|
||||
'content' => '该平台利用机器学习模型，不仅分析往绩，更结合了球员社交媒体、伤病报告等非结构化数据，提供更精准的概率。',
|
||||
'challenge' => '非结构化数据（如社交媒体文字）的处理需要极强的NLP能力。',
|
||||
'solution' => '集成了自研的BERT情感分析模型，自动提取全球主要足球媒体的情报评分。',
|
||||
'result_stability' => '99.2%',
|
||||
'result_throughput' => '500k posts/hr',
|
||||
'result_cost' => '+15% 准确率',
|
||||
'tech' => 'Python, PyTorch, MongoDB, Node.js'
|
||||
],
|
||||
|
||||
// --- 微交易 (Micro Trading) ---
|
||||
'micro-1' => [
|
||||
'id' => 'micro-1',
|
||||
'title' => '超低延迟二元期权极速交易平台',
|
||||
'tag' => '金融极速',
|
||||
'category' => '微交易',
|
||||
'img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '毫秒级K线渲染，支持1秒期权极速结算。',
|
||||
'content' => '该平台提供黄金、原油及主流货币对的超短期交易。核心采用了定制的二进制通讯协议，保证行情传输的极致流畅。',
|
||||
'challenge' => '由于交易周期极短，哪怕只有100ms的行情跳变也会引起巨大的交易争议。',
|
||||
'solution' => '采用三方权威数据源（路透、彭博）进行多点校准，确保行情数据公正不可篡改。',
|
||||
'result_stability' => '99.99%',
|
||||
'result_throughput' => '50ms latency',
|
||||
'result_cost' => '0 调价误差',
|
||||
'tech' => 'C++, Rust, WebSocket, Vue.js'
|
||||
],
|
||||
'micro-2' => [
|
||||
'id' => 'micro-2',
|
||||
'title' => '全球社交化微型衍生品对冲中心',
|
||||
'tag' => '社交金融',
|
||||
'category' => '微交易',
|
||||
'img' => 'https://images.pexels.com/photos/210607/pexels-photo-210607.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持社区牛人带单，微型合约零门槛参与。',
|
||||
'content' => '这是一个面向小白用户的微型金融工具。用户可以观察并跟随资深交易员的操作。界面设计极其简洁，操作体验类似刷短视频。',
|
||||
'challenge' => '如何将复杂的金融产品简化为直观的UI交互，同时保证后端严格的合规性检测。',
|
||||
'solution' => '引入了金融级可视化引擎，将多维行情简练为一维情绪波，大幅提升了转化。',
|
||||
'result_stability' => '99.7%',
|
||||
'result_throughput' => '2M users',
|
||||
'result_cost' => '+300% 用户留存',
|
||||
'tech' => 'Node.js, Redis, Flutter, Go'
|
||||
],
|
||||
'micro-3' => [
|
||||
'id' => 'micro-3',
|
||||
'title' => '数字货币15秒全自动对冲交易中台',
|
||||
'tag' => '自动化交易',
|
||||
'category' => '微交易',
|
||||
'img' => 'https://images.pexels.com/photos/844124/pexels-photo-844124.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持自定义策略脚本，全天候全自动运行。',
|
||||
'content' => '专为专业量化团队设计的微交易工具。支持JavaScript/Python编写策略逻辑，自动根据技术指标执行15秒、30秒短期对冲。',
|
||||
'challenge' => '在高波动期间，自动策略容易产生大量无效报单导致账户受限。',
|
||||
'solution' => '内置了智能报单节流阀，自动检测交易所API限制并优化发单频率。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '100k scripts/hr',
|
||||
'result_cost' => '+12% 胜率',
|
||||
'tech' => 'Python, C++, Docker, Redis'
|
||||
],
|
||||
|
||||
// --- 时间盘 (Time-based Trading) ---
|
||||
'time-1' => [
|
||||
'id' => 'time-1',
|
||||
'title' => '多层级周期性收益合约管理平台',
|
||||
'tag' => '时间价值',
|
||||
'category' => '时间盘',
|
||||
'img' => 'https://images.pexels.com/photos/1036856/pexels-photo-1036856.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '基于时间维度的算力/资产产出模型，稳健运行。',
|
||||
'content' => '该系统为资产管理方提供按分钟、小时或天进行计息的理财模型。支持到期自动复投及阶梯收益率计算。',
|
||||
'challenge' => '数百万个计息周期在同一时间到期，数据库更新量瞬间爆发。',
|
||||
'solution' => '采用了基于时间轮（Time Wheel）算法的结算调度器，将压力均匀平摊。',
|
||||
'result_stability' => '99.95%',
|
||||
'result_throughput' => '1M daily settlements',
|
||||
'result_cost' => '-50% DB压力',
|
||||
'tech' => 'Java, Quartz, Redis, MySQL'
|
||||
],
|
||||
'time-2' => [
|
||||
'id' => 'time-2',
|
||||
'title' => '高端贵金属实物抵押周期理财系统',
|
||||
'tag' => '实物金融',
|
||||
'category' => '时间盘',
|
||||
'img' => 'https://images.pexels.com/photos/366551/pexels-photo-366551.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '线上购买实物资产份额，按持有时间享受仓储溢价。',
|
||||
'content' => '这是一个将传统黄金、白银仓储业务数字化的尝试。用户通过该系统参与贵金属的时间增值计划，支持随时实物提现。',
|
||||
'challenge' => '实物库存与虚拟份额需要严格对应，任何差异都是灾难性的财务漏洞。',
|
||||
'solution' => '集成了金库仓库的实时监控与RFID自动清点数据，实现账实合一。',
|
||||
'result_stability' => '100% 审计通过',
|
||||
'result_throughput' => '500 tons gold management',
|
||||
'result_cost' => '-30% 管理费',
|
||||
'tech' => 'Go, MongoDB, RFID API, React'
|
||||
],
|
||||
'time-3' => [
|
||||
'id' => 'time-3',
|
||||
'title' => '全球农业期货时间周期收益共享计划',
|
||||
'tag' => '农业金融',
|
||||
'category' => '时间盘',
|
||||
'img' => 'https://images.pexels.com/photos/2132180/pexels-photo-2132180.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '跟随农作物生长周期获得分红，支持灾备保险机制。',
|
||||
'content' => '用户投资特定的农业项目，收益与农作物的生长、收割周期完全同步。内置了气象对冲保险，保障极端天气下的本金。',
|
||||
'challenge' => '生长周期受气候影响具有不确定性，结算逻辑需要支持动态调整周期。',
|
||||
'solution' => '采用了动态概率图模型预测收割期，并实时调整预估收益推送。',
|
||||
'result_stability' => '99.4%',
|
||||
'result_throughput' => '10k farms',
|
||||
'result_cost' => '+10% 农民收益',
|
||||
'tech' => 'Python, TensorFlow, Node.js, AWS'
|
||||
],
|
||||
|
||||
// --- 交易所 (Exchange) ---
|
||||
'exchange-1' => [
|
||||
'id' => 'exchange-1',
|
||||
'title' => '智域次世代分布式撮合引擎',
|
||||
'tag' => '极速交易',
|
||||
'category' => '交易所',
|
||||
'img' => 'https://images.pexels.com/photos/844124/pexels-photo-844124.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '单节点200万TPS，筑造全球顶级交易防线。',
|
||||
'content' => '该核心引擎采用全内存撮合技术，支持复杂订单类型（市价、限价、止盈止损、冰山订单）。通过Aeron通讯协议实现超低延迟集群。',
|
||||
'challenge' => '在高频波动的极端行情下，撮合引擎绝不能出现任何逻辑阻塞或崩溃。',
|
||||
'solution' => '采用Rust编写核心逻辑，利用LMAX Disruptor架构模式实现极高性能的环形队列处理。',
|
||||
'result_stability' => '100% Uptime',
|
||||
'result_throughput' => '2M TPS',
|
||||
'result_cost' => '-90% 延迟',
|
||||
'tech' => 'Rust, C++, Aeron, Redis'
|
||||
],
|
||||
'exchange-2' => [
|
||||
'id' => 'exchange-2',
|
||||
'title' => '全球合规法币与加密货币混合交易所',
|
||||
'tag' => '合规金融',
|
||||
'category' => '交易所',
|
||||
'img' => 'https://images.pexels.com/photos/4386442/pexels-photo-4386442.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '集成150+国家支付渠道，内置多国合规审计引擎。',
|
||||
'content' => '专为具有牌照的金融机构设计。支持法币与加密货币的即时互换，具备完善的KYC/AML审核流。',
|
||||
'challenge' => '不同国家的合规要求各异，系统必须具备极强的可配置性以适应各地区监管。',
|
||||
'solution' => '开发了基于规则引擎的合规审核框架，业务人员可通过可视化配置调整审核逻辑。',
|
||||
'result_stability' => '99.99%',
|
||||
'result_throughput' => '500k users',
|
||||
'result_cost' => '-60% 合规人力',
|
||||
'tech' => 'Java, Spring Cloud, Oracle, Drools'
|
||||
],
|
||||
'exchange-3' => [
|
||||
'id' => 'exchange-3',
|
||||
'title' => '高端数字资产衍生品永续合约平台',
|
||||
'tag' => '杠杆交易',
|
||||
'category' => '交易所',
|
||||
'img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持100x杠杆、自动减仓及保险基金风控。',
|
||||
'content' => '针对专业交易者设计的合约平台。核心风控模型通过秒级全网标的价格扫描，防止恶意插针与连环清算。',
|
||||
'challenge' => '清算系统的及时性直接关系到平台是否会产生穿仓亏损。',
|
||||
'solution' => '开发了分布式的实时强平引擎，具备秒级处理上万笔强平单的能力。',
|
||||
'result_stability' => '99.95%',
|
||||
'result_throughput' => '100k liquidations/s',
|
||||
'result_cost' => '0 坏账率',
|
||||
'tech' => 'Go, Redis, PostgreSQL, React'
|
||||
],
|
||||
|
||||
// --- 各类小程序 (Mini Programs) ---
|
||||
'app-1' => [
|
||||
'id' => 'app-1',
|
||||
'title' => '某大型商圈智慧导购与会员小程序',
|
||||
'tag' => '商业地产',
|
||||
'category' => '各类小程序',
|
||||
'img' => 'https://images.pexels.com/photos/5926442/pexels-photo-5926442.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '室内蓝牙导航，实现精准营销与积分闭环。',
|
||||
'content' => '为千万级客流的购物中心定制。集成蓝牙Beacon定位技术，当用户靠近店铺时自动推送优惠券，显著提升了核销率。',
|
||||
'challenge' => '室内定位精度在商铺密集区极易受到干扰，导航体验难以保证。',
|
||||
'solution' => '采用了多传感器融合定位算法（IMU+蓝牙+WiFi），将定位误差缩小至1.5米以内。',
|
||||
'result_stability' => '99.1%',
|
||||
'result_throughput' => '10M members',
|
||||
'result_cost' => '+35% 复购率',
|
||||
'tech' => 'Uniapp, Node.js, Bluetooth Low Energy'
|
||||
],
|
||||
'app-2' => [
|
||||
'id' => 'app-2',
|
||||
'title' => '智慧社区全流程政务与生活小程序',
|
||||
'tag' => '社区服务',
|
||||
'category' => '各类小程序',
|
||||
'img' => 'https://images.pexels.com/photos/5668858/pexels-photo-5668858.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '集成报修、缴费、投票、门禁于一体。',
|
||||
'content' => '为全国数千个高端小区提供的SaaS小程序。支持人脸识别开门、在线物业缴费，实现了社区管理的无纸化、智能化。',
|
||||
'challenge' => '需要对接上百个不同厂家的硬件门禁与水电设备协议。',
|
||||
'solution' => '构建了云端统一硬件抽象层（HAL），将不同协议转化为标准MQTT指令。',
|
||||
'result_stability' => '99.5%',
|
||||
'result_throughput' => '5000 communities',
|
||||
'result_cost' => '-20% 人力成本',
|
||||
'tech' => 'Java, Netty, Redis, WeChat SDK'
|
||||
],
|
||||
'app-3' => [
|
||||
'id' => 'app-3',
|
||||
'title' => '某头部车企车主社交与远程控制小程序',
|
||||
'tag' => '车联网',
|
||||
'category' => '各类小程序',
|
||||
'img' => 'https://images.pexels.com/photos/210019/pexels-photo-210019.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '实时查看车况、预约维保，支持手机蓝牙钥匙。',
|
||||
'content' => '专为新能源汽车品牌定制。车主可通过小程序远程开启空调、寻车、授权驾驶。内置了高活跃的车主交流论坛。',
|
||||
'challenge' => '远程控车涉及车辆行驶安全，指令链路的加密与防篡改要求达到国标最高等级。',
|
||||
'solution' => '采用了双向非对称加密签名机制，并集成了银行级的TEE（可信执行环境）证书管理。',
|
||||
'result_stability' => '99.99%',
|
||||
'result_throughput' => '1M vehicles',
|
||||
'result_cost' => '极致安全体验',
|
||||
'tech' => 'Go, WebSocket, Redis, Bluetooth SDK'
|
||||
],
|
||||
|
||||
// --- 机器人 (Robots/Bots) ---
|
||||
'bot-1' => [
|
||||
'id' => 'bot-1',
|
||||
'title' => 'Telegram全球多语言自动客服机器人',
|
||||
'tag' => 'AI客服',
|
||||
'category' => '机器人',
|
||||
'img' => 'https://images.pexels.com/photos/8386440/pexels-photo-8386440.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '集成ChatGPT大模型，支持100+语言实时翻译与回复。',
|
||||
'content' => '为海外金融与博彩客户设计的全自动客服系统。机器人不仅能精准回答业务问题，还能根据用户情绪进行安抚，显著降低了投诉率。',
|
||||
'challenge' => '在大规模群组中，机器人需要具备极强的抗干扰能力，精准识别目标指令。',
|
||||
'solution' => '采用了自研的上下文语义关联算法，并结合多层级关键词过滤，识别准确率达98%。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '10M messages/day',
|
||||
'result_cost' => '-75% 人工客服',
|
||||
'tech' => 'Node.js, OpenAI API, Telegram API, Redis'
|
||||
],
|
||||
'bot-2' => [
|
||||
'id' => 'bot-2',
|
||||
'title' => '全自动网赚与任务分发Telegram机器人',
|
||||
'tag' => '流量工具',
|
||||
'category' => '机器人',
|
||||
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持自动审核点赞截图，实现无人值守运营。',
|
||||
'content' => '该机器人作为点赞盘的配套工具，用户在TG内即可完成任务领奖，大幅提升了用户的便利性与留存。',
|
||||
'challenge' => 'TG平台对高频回复与链接分发有严格的Anti-Spam限制。',
|
||||
'solution' => '部署了分布式的Session切换集群，自动平衡各机器人账号的响应频次。',
|
||||
'result_stability' => '99.5%',
|
||||
'result_throughput' => '2M task per day',
|
||||
'result_cost' => '+40% 转化效率',
|
||||
'tech' => 'Python, Redis, RabbitMQ, PostgreSQL'
|
||||
],
|
||||
'bot-3' => [
|
||||
'id' => 'bot-3',
|
||||
'title' => '高性能行情订阅与止盈止损自动交易员',
|
||||
'tag' => '交易辅助',
|
||||
'category' => '机器人',
|
||||
'img' => 'https://images.pexels.com/photos/210607/pexels-photo-210607.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '毫秒级行情追踪，支持多平台API一键交易。',
|
||||
'content' => '为专业交易者定制的监控机器人。支持对全网1000+币种进行异常波动、大单成交监控，并能根据预设逻辑在1秒内执行反向对冲。',
|
||||
'challenge' => '各交易所API限频规则不同，且在网络波动时容易出现订单状态不明。',
|
||||
'solution' => '内置了智能重试与状态轮询引擎，确保每笔订单都有明确的最终状态记录。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '100 API calls/sec',
|
||||
'result_cost' => '极速抢单成功',
|
||||
'tech' => 'Rust, Redis, Python, Binance/OKX API'
|
||||
],
|
||||
|
||||
// --- 落地页定制 (Landing Page) ---
|
||||
'landing-1' => [
|
||||
'id' => 'landing-1',
|
||||
'title' => '极速高转化率金融理财推广单页',
|
||||
'tag' => '精准营销',
|
||||
'category' => '落地页定制',
|
||||
'img' => 'https://images.pexels.com/photos/1181263/pexels-photo-1181263.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '极致首屏加载速度，内置多套A/B测试版本。',
|
||||
'content' => '专为Facebook/TikTok投放设计。采用纯静态化渲染与图片WebP无损压缩，谷歌PageSpeed评分达99分。',
|
||||
'challenge' => '在弱网环境下，复杂的动画效果会导致用户流失。',
|
||||
'solution' => '采用Vanilla JS开发所有交互效果，拒绝沉重的类库，并将核心CSS内联，实现0阻塞渲染。',
|
||||
'result_stability' => '100% Google评分',
|
||||
'result_throughput' => '100k views/day',
|
||||
'result_cost' => '+15% 留资率',
|
||||
'tech' => 'HTML5, Pure CSS, Vanilla JS'
|
||||
],
|
||||
'landing-2' => [
|
||||
'id' => 'landing-2',
|
||||
'title' => '高端SaaS软件多语种全球展示中心',
|
||||
'tag' => '品牌形象',
|
||||
'category' => '落地页定制',
|
||||
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '全响应式设计，集成在线预约与实时客服系统。',
|
||||
'content' => '为出海软件企业定制。支持多国语言一键切换，集成了HubSpot CRM，自动将潜在客户信息导入漏斗管理。',
|
||||
'challenge' => '不同地区的排版习惯差异巨大（如阿拉伯语的RTL布局），适配工作量极大。',
|
||||
'solution' => '采用全自动化的i18n适配框架，根据用户IP自动识别语言并调整布局方向。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '50 languages supported',
|
||||
'result_cost' => '全球化品牌一致',
|
||||
'tech' => 'React, Tailwind CSS, i18next'
|
||||
],
|
||||
'landing-3' => [
|
||||
'id' => 'landing-3',
|
||||
'title' => '某顶尖元宇宙项目动态3D互动落地页',
|
||||
'tag' => 'Web 3.0',
|
||||
'category' => '落地页定制',
|
||||
'img' => 'https://images.pexels.com/photos/123335/pexels-photo-123335.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '基于Three.js的沉浸式交互，提升品牌视觉冲击。',
|
||||
'content' => '打破传统平面展示，用户可通过鼠标控制3D模型，身临其境地了解元宇宙空间的架构与玩法。',
|
||||
'challenge' => '复杂的3D渲染对低端移动设备不友好，极易导致浏览器崩溃或卡顿。',
|
||||
'solution' => '开发了分级渲染策略，根据用户设备性能自动降级模型精度，保证全平台流程体验。',
|
||||
'result_stability' => '98.5% 兼容性',
|
||||
'result_throughput' => '200 FPS on PC',
|
||||
'result_cost' => '+400% 停留时长',
|
||||
'tech' => 'Three.js, GLSL, WebGL, React'
|
||||
],
|
||||
|
||||
// --- 远控系统 (Remote Control) ---
|
||||
'remote-1' => [
|
||||
'id' => 'remote-1',
|
||||
'title' => '高端工业自动化远程安全运维系统',
|
||||
'tag' => '工业控制',
|
||||
'category' => '远控系统',
|
||||
'img' => 'https://images.pexels.com/photos/1181263/pexels-photo-1181263.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持内网穿透与多级颗粒度权限控制。',
|
||||
'content' => '专为大型工厂设计的设备远程管理平台。具备全量操作日志审计，确保每一步远程操作均可溯源，符合等保三级要求。',
|
||||
'challenge' => '工业现场网络往往只有内网且受防火墙严格限制，远程接入极其困难。',
|
||||
'solution' => '利用P2P（打洞）技术与中继转发结合方案，穿透成功率达99.9%以上。',
|
||||
'result_stability' => '99.99%',
|
||||
'result_throughput' => '30ms latency',
|
||||
'result_cost' => '-85% 差旅费',
|
||||
'tech' => 'Rust, WebRTC, Go, Vue.js'
|
||||
],
|
||||
'remote-2' => [
|
||||
'id' => 'remote-2',
|
||||
'title' => '某大型企业数万台终端全球云桌面',
|
||||
'tag' => '云办公',
|
||||
'category' => '远控系统',
|
||||
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '高清流畅体验，支持4K/60帧画面无损传输。',
|
||||
'content' => '为全球分支机构设计的统一办公桌面系统。员工在任何地点均可访问中心服务器，核心数据不出内网，实现极致安全。',
|
||||
'challenge' => '视频流编解码对CPU资源消耗巨大，单机承载能力有限。',
|
||||
'solution' => '开发了基于GPU硬件加速的编解码驱动，单台服务器承载量提升了4倍。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '100,000 active sessions',
|
||||
'result_cost' => '-50% IT硬件成本',
|
||||
'tech' => 'C++, FFmpeg, Nvidia NVENC, K8s'
|
||||
],
|
||||
'remote-3' => [
|
||||
'id' => 'remote-3',
|
||||
'title' => '高风险作业环境机器人远程临场控制系统',
|
||||
'tag' => '特种机器人',
|
||||
'category' => '远控系统',
|
||||
'img' => 'https://images.pexels.com/photos/251225/pexels-photo-251225.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '极低延迟双向触觉反馈，实现精准远程操控。',
|
||||
'content' => '用于电力高压维护、危险品搬运的远程控制系统。不仅能传输音视频，更能回传操作压力数据，操作员能“感觉到”机器人的触碰。',
|
||||
'challenge' => '触觉反馈对时延的要求在10ms以内，任何微小的卡顿都会导致操作事故。',
|
||||
'solution' => '采用了专用的专线隧道与轻量化实时系统，优化了TCP/IP栈以消除抖动。',
|
||||
'result_stability' => '99.99%',
|
||||
'result_throughput' => '5ms network delay',
|
||||
'result_cost' => '0 人员伤亡',
|
||||
'tech' => 'C, Rust, Linux Kernel, 5G Slicing'
|
||||
],
|
||||
|
||||
// --- 授权系统 (Auth/Licensing) ---
|
||||
'auth-1' => [
|
||||
'id' => 'auth-1',
|
||||
'title' => '全球数字版权(DRM)视频加密保护系统',
|
||||
'tag' => '版权保护',
|
||||
'category' => '授权系统',
|
||||
'img' => 'https://images.pexels.com/photos/5926442/pexels-photo-5926442.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '硬件级防破解授权，支持上亿台设备在线验证。',
|
||||
'content' => '为大型流媒体平台定制。通过动态密钥交换与多重数字水印，有效防止了非法录屏与账号共享。',
|
||||
'challenge' => '传统的授权验证极易被模拟器或内存修改器绕过。',
|
||||
'solution' => '引入了基于行为特征的白盒加密（White-box Cryptography）技术，将密钥隐藏在算法逻辑中。',
|
||||
'result_stability' => '99.999%',
|
||||
'result_throughput' => '500M license keys',
|
||||
'result_cost' => '-95% 侵权损失',
|
||||
'tech' => 'C++, Rust, Python, AWS'
|
||||
],
|
||||
'auth-2' => [
|
||||
'id' => 'auth-2',
|
||||
'title' => '高端企业级SaaS多租户授权与计费中台',
|
||||
'tag' => '企业架构',
|
||||
'category' => '授权系统',
|
||||
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '支持按需付费、阶梯授权，内置多维度财务报表。',
|
||||
'content' => '这是一个通用的软件授权中心。支持永久授权、月度订阅、按功能点授权等多种商业模式，内置了PayPal/Stripe自动续费。',
|
||||
'challenge' => '大型企业租户可能存在数万个子账号，权限判定逻辑极度复杂（RBAC+ABAC）。',
|
||||
'solution' => '构建了基于图数据库（Neo4j）的权限索引，查询性能比传统关系数据库快百倍。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '1M organizations',
|
||||
'result_cost' => '+40% 营收增长',
|
||||
'tech' => 'Java, Neo4j, Redis, Stripe SDK'
|
||||
],
|
||||
'auth-3' => [
|
||||
'id' => 'auth-3',
|
||||
'title' => '基于零信任架构的内网动态接入授权',
|
||||
'tag' => '网络安全',
|
||||
'category' => '授权系统',
|
||||
'img' => 'https://images.pexels.com/photos/60504/security-protection-anti-virus-software-60504.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '不再信任任何边界，实现持续性的身份验证。',
|
||||
'content' => '打破传统防火墙边界，根据设备健康度、用户位置、时间等多重维度实时判定访问权限。',
|
||||
'challenge' => '每一次API调用都要重新验证权限，对系统性能是巨大考验。',
|
||||
'solution' => '利用eBPF技术在内核层实现权限过滤，将验证开销降至微秒级。',
|
||||
'result_stability' => '99.99%',
|
||||
'result_throughput' => '10Gbps line rate',
|
||||
'result_cost' => '0 外部渗透',
|
||||
'tech' => 'Go, eBPF, Kubernetes, Redis'
|
||||
],
|
||||
|
||||
// --- 在线客服 (Live Chat) ---
|
||||
'chat-1' => [
|
||||
'id' => 'chat-1',
|
||||
'title' => '全渠道一体化智能呼叫中心系统',
|
||||
'tag' => '客服生态',
|
||||
'category' => '在线客服',
|
||||
'img' => 'https://images.pexels.com/photos/8386440/pexels-photo-8386440.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '打通Web、App、WeChat、Telegram，实现跨平台接待。',
|
||||
'content' => '为大型电商客服团队设计的后台系统。支持坐席监控、自动质检、话术辅助提示，显著提升了单坐席产出。',
|
||||
'challenge' => '不同平台的即时通讯协议千差万别，且需要保持会话的长连接稳定性。',
|
||||
'solution' => '开发了高度统一的消息协议中继层，实现了“一次开发，多端同步”。',
|
||||
'result_stability' => '99.95%',
|
||||
'result_throughput' => '50,000 agents',
|
||||
'result_cost' => '-35% 平均响应时间',
|
||||
'tech' => 'Java, Spring Cloud, Netty, RabbitMQ'
|
||||
],
|
||||
'chat-2' => [
|
||||
'id' => 'chat-2',
|
||||
'title' => '高端金融级全链路加密私域客服',
|
||||
'tag' => '隐私通讯',
|
||||
'category' => '在线客服',
|
||||
'img' => 'https://images.pexels.com/photos/5926442/pexels-photo-5926442.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '端到端加密，支持消息阅后即焚与文件安全传输。',
|
||||
'content' => '针对高净值理财客户的私人银行级客服系统。任何中间环节（包括服务器端）均无法窥探聊天内容。',
|
||||
'challenge' => '既要保证绝对的安全，又不能牺牲视频通话、文件传输的用户体验。',
|
||||
'solution' => '采用了Signal协议进行端到端加密，并利用P2P技术进行视频流直连。',
|
||||
'result_stability' => '99.99%',
|
||||
'result_throughput' => '0 泄密记录',
|
||||
'result_cost' => '极致客户信任',
|
||||
'tech' => 'C++, Rust, WebRTC, React Native'
|
||||
],
|
||||
'chat-3' => [
|
||||
'id' => 'chat-3',
|
||||
'title' => 'AI驱动的多语言实时语音翻译呼叫中台',
|
||||
'tag' => '跨境服务',
|
||||
'category' => '在线客服',
|
||||
'img' => 'https://images.pexels.com/photos/5668858/pexels-photo-5668858.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '客服说中文，用户听英文，无障碍全球沟通。',
|
||||
'content' => '该系统集成实时语音转文字（ASR）、神经网络翻译（NMT）与文字转语音（TTS）技术，解决了跨国服务的语言障碍。',
|
||||
'challenge' => '语音识别与翻译的串联延迟如果超过1秒，对话就无法正常进行。',
|
||||
'solution' => '部署了全球低延迟边缘加速节点，并优化了推理算法，实现流式翻译输出。',
|
||||
'result_stability' => '99.2%',
|
||||
'result_throughput' => '100 languages',
|
||||
'result_cost' => '-90% 招聘成本',
|
||||
'tech' => 'Python, CUDA, WebSocket, Node.js'
|
||||
],
|
||||
|
||||
// --- 获取通讯录 (Contact Sync) ---
|
||||
'contact-1' => [
|
||||
'id' => 'contact-1',
|
||||
'title' => '全球社交图谱实时关系挖掘引擎',
|
||||
'tag' => '大数据',
|
||||
'category' => '获取通讯录',
|
||||
'img' => 'https://images.pexels.com/photos/60504/security-protection-anti-virus-software-60504.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '秒级处理千万级数据，构建亿级用户社交脉络。',
|
||||
'content' => '该系统为社交平台提供了高效的“你可能认识的人”推荐功能。通过分析通讯录交叉数据，精准挖掘潜在关系网。',
|
||||
'challenge' => '通讯录数据往往是非结构化的，包含大量错乱格式，清洗难度极大。',
|
||||
'solution' => '开发了基于布隆过滤器的高性能匹配系统，并在Elasticsearch中建立了多层级关系索引。',
|
||||
'result_stability' => '99.9%',
|
||||
'result_throughput' => '5M sync/min',
|
||||
'result_cost' => '+50% 社交活跃度',
|
||||
'tech' => 'Java, Elasticsearch, Redis, Kafka'
|
||||
],
|
||||
'contact-2' => [
|
||||
'id' => 'contact-2',
|
||||
'title' => '高端企业级全球人才通讯录同步系统',
|
||||
'tag' => '人力资源',
|
||||
'category' => '获取通讯录',
|
||||
'img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '跨国集团数万名员工数据安全同步，支持多层级权限。',
|
||||
'content' => '为大型组织解决全球范围内的同事信息共享问题。支持按部门、职位、权限动态展示，内置了全自动的数据脱敏逻辑。',
|
||||
'challenge' => '涉及GDPR等严格的隐私法案，数据的存储与访问必须符合全球多地区法律。',
|
||||
'solution' => '实现了分区域数据隔离与动态脱敏算法，确保敏感信息仅在必要时可见。',
|
||||
'result_stability' => '100% 合规',
|
||||
'result_throughput' => '500k employees',
|
||||
'result_cost' => '-60% 沟通成本',
|
||||
'tech' => 'Go, PostgreSQL, Redis, Vue.js'
|
||||
],
|
||||
'contact-3' => [
|
||||
'id' => 'contact-3',
|
||||
'title' => '某顶尖理财App高效好友推荐与裂变引擎',
|
||||
'tag' => '裂变系统',
|
||||
'category' => '获取通讯录',
|
||||
'img' => 'https://images.pexels.com/photos/5926442/pexels-photo-5926442.jpeg?auto=compress&cs=tinysrgb&w=800',
|
||||
'desc' => '自动识别高价值潜在客户，实现精准拓客引导。',
|
||||
'content' => '通过对用户通讯录的智能权重分析，自动筛选出具备高净值理财潜力的名单，辅助营销人员精准跟进。',
|
||||
'challenge' => '在保障用户隐私的前提下，如何通过极其有限的信息进行精准的行为预测。',
|
||||
'solution' => '利用联邦学习技术，在不获取用户明文敏感数据的情况下完成模型的训练与推理。',
|
||||
'result_stability' => '99.6%',
|
||||
'result_throughput' => '10M active users',
|
||||
'result_cost' => '+25% 拓客成功率',
|
||||
'tech' => 'Python, TensorFlow Federated, Node.js'
|
||||
]
|
||||
];
|
||||
|
||||
function get_cases_by_category($category) {
|
||||
global $all_cases;
|
||||
if ($category === 'all') return $all_cases;
|
||||
return array_filter($all_cases, function($case) use ($category) {
|
||||
return $case['category'] === $category;
|
||||
});
|
||||
}
|
||||
303
index.php
303
index.php
@ -1,8 +1,21 @@
|
||||
<?php
|
||||
require_once __DIR__ . '/db/config.php';
|
||||
require_once __DIR__ . '/includes/cases_data.php';
|
||||
|
||||
$project_name = '智域科技';
|
||||
$project_description = '全球领先的IT数字化架构与行业解决方案专家';
|
||||
$logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
$wechat_qr = '/assets/pasted-20260226-110355-12dfa7de.png';
|
||||
$wechat_id = 'zhaopai0918';
|
||||
|
||||
// 辅助函数：根据颜色生成浅色背景
|
||||
function get_soft_bg($color, $opacity = '10') {
|
||||
return $color . $opacity;
|
||||
}
|
||||
|
||||
// 手机端视图逻辑
|
||||
$view = $_GET['v'] ?? 'home';
|
||||
$body_class = 'view-' . $view;
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
@ -17,7 +30,7 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<body class="<?= $body_class ?>">
|
||||
|
||||
<!-- ① 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
|
||||
@ -32,10 +45,10 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto align-items-center gap-lg-4 mt-3 mt-lg-0">
|
||||
<li class="nav-item"><a class="nav-link" href="#cases">声誉作品</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#services">核心能力</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#core-services">核心服务</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#capabilities">核心能力</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#tech">技术底座</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#pricing">报价方案</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#solutions">转型实践</a></li>
|
||||
<li class="nav-item ms-lg-2">
|
||||
<a class="btn btn-primary px-4 shadow-sm fw-bold" href="https://t.me/zhangshihao818">立即咨询 <i class="bi bi-telegram ms-1"></i></a>
|
||||
</li>
|
||||
@ -59,7 +72,7 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
</p>
|
||||
<div class="d-flex flex-wrap gap-3">
|
||||
<a href="https://t.me/zhangshihao818" class="btn btn-primary px-5 py-3 fw-bold">立即免费咨询 <i class="bi bi-lightning-charge-fill ms-1"></i></a>
|
||||
<a href="#services" class="btn btn-outline-dark px-5 py-3 fw-bold">了解核心技术</a>
|
||||
<a href="#capabilities" class="btn btn-outline-dark px-5 py-3 fw-bold">了解核心技术</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
@ -104,24 +117,16 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ⑦ 每一个项目都是我们的声誉 (作品展示移动到上方) -->
|
||||
<!-- ⑦ 作品展示区域 -->
|
||||
<section id="cases" class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">作品展示</span>
|
||||
<h2 class="section-title">每一个项目都是我们的声誉</h2>
|
||||
<div class="d-flex justify-content-between align-items-end mb-4 flex-wrap gap-3"><div><span class="section-subtitle text-start mb-1">作品展示</span>
|
||||
<h2 class="section-title mb-0">每一个项目都是我们的声誉</h2></div><a href="cases.php" class="btn btn-primary px-4 py-2 fw-bold shadow-sm mb-2 d-none d-md-inline-block">查看更多案例展示 <i class="bi bi-grid-3x3-gap ms-2"></i></a></div>
|
||||
<div class="grid-4">
|
||||
<?php
|
||||
$cases = [
|
||||
['img' => 'https://images.pexels.com/photos/190574/pexels-photo-190574.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '世界500强智造ERP全链路升级', 'tag' => '工业制造', 'desc' => '重塑底层架构，支撑全球20+工厂协同。'],
|
||||
['img' => 'https://images.pexels.com/photos/230544/pexels-photo-230544.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '跨国电商平台双11千万级高并发护航', 'tag' => '零售贸易', 'desc' => '毫秒级响应，成功应对峰值流量冲击。'],
|
||||
['img' => 'https://images.pexels.com/photos/7567443/pexels-photo-7567443.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '头部证券实时风控与高频交易系统', 'tag' => '金融科技', 'desc' => '毫秒级风控计算，确保交易安全性。'],
|
||||
['img' => 'https://images.pexels.com/photos/164501/pexels-photo-164501.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '某城商行分布式核心账务云化实践', 'tag' => '银行业务', 'desc' => '从单体到分布式的完美平滑迁移。'],
|
||||
['img' => 'https://images.pexels.com/photos/210158/pexels-photo-210158.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '智慧物流AGV无人仓储调度平台', 'tag' => '现代物流', 'desc' => '算法驱动，效率提升200%的调度奇迹。'],
|
||||
['img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '国家级数字化碳中和实时监控中台', 'tag' => '智慧政务', 'desc' => '全量数据接入，实现碳足迹精准追踪。'],
|
||||
['img' => 'https://images.pexels.com/photos/7089487/pexels-photo-7089487.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '知名医疗机构云端HIS一体化系统', 'tag' => '智慧医疗', 'desc' => '连接医患，实现医疗资源最优化分配。'],
|
||||
['img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => 'AI驱动的高频量化交易决策引擎', 'tag' => '量化投资', 'desc' => '深度学习加持，捕捉转瞬即逝的机会。']
|
||||
];
|
||||
foreach ($cases as $case): ?>
|
||||
// 只显示前8个案例
|
||||
$display_cases = array_slice($all_cases, 0, 8);
|
||||
foreach ($display_cases as $case): ?>
|
||||
<div class="case-card">
|
||||
<div class="case-image-wrapper">
|
||||
<img src="<?= $case['img'] ?>" alt="<?= $case['title'] ?>" class="case-image">
|
||||
@ -130,19 +135,94 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
<span class="badge bg-primary bg-opacity-10 text-primary mb-2"><?= $case['tag'] ?></span>
|
||||
<h6 class="fw-bold mb-3"><?= $case['title'] ?></h6>
|
||||
<p class="x-small text-muted mb-4"><?= $case['desc'] ?></p>
|
||||
<a href="case-detail.php?id=<?= urlencode($case['title']) ?>" class="text-primary small text-decoration-none fw-bold">查看案例细节 <i class="bi bi-chevron-right"></i></a>
|
||||
<a href="case-detail.php?id=<?= $case['id'] ?>" class="text-primary small text-decoration-none fw-bold">查看案例细节 <i class="bi bi-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<div class="text-center mt-5 d-md-none">
|
||||
<a href="cases.php" class="btn btn-outline-primary btn-lg px-5 py-3 fw-bold shadow-sm">
|
||||
查看更多案例展示 <i class="bi bi-grid-3x3-gap ms-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 专业核心服务区域 -->
|
||||
<section id="core-services" class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">SERVICE ECOSYSTEM</span>
|
||||
<h2 class="section-title">专业核心服务区域</h2>
|
||||
<div class="grid-4">
|
||||
<?php
|
||||
$core_services = [
|
||||
['title' => '搭建写盘', 'icon' => 'hdd-network', 'color' => '#0d6efd'],
|
||||
['title' => '软件开发', 'icon' => 'code-square', 'color' => '#6610f2'],
|
||||
['title' => '盘口定制', 'icon' => 'graph-up', 'color' => '#6f42c1'],
|
||||
['title' => '挂马修复', 'icon' => 'shield-shaded', 'color' => '#d63384'],
|
||||
['title' => '过毒免杀', 'icon' => 'bug-fill', 'color' => '#dc3545'],
|
||||
['title' => '服务器域名', 'icon' => 'globe', 'color' => '#fd7e14'],
|
||||
['title' => '源码出售', 'icon' => 'file-earmark-code', 'color' => '#ffc107'],
|
||||
['title' => '搭建交易所', 'icon' => 'currency-exchange', 'color' => '#198754'],
|
||||
['title' => '资金盘开发', 'icon' => 'cash-coin', 'color' => '#20c997'],
|
||||
['title' => 'API接口对接', 'icon' => 'connector', 'color' => '#0dcaf0'],
|
||||
['title' => '高防CDN加速', 'icon' => 'shield-check', 'color' => '#007bff'],
|
||||
['title' => '分布式架构设计', 'icon' => 'diagram-3', 'color' => '#17a2b8']
|
||||
];
|
||||
foreach ($core_services as $s): ?>
|
||||
<div class="tech-card p-4 d-flex flex-row align-items-center gap-3 shadow-sm border-0" style="background: <?= get_soft_bg($s['color'], '08') ?>;">
|
||||
<div class="icon-box-colorful mb-0 flex-shrink-0" style="width: 52px; height: 52px; font-size: 1.5rem; background: <?= $s['color'] ?>20; color: <?= $s['color'] ?>;">
|
||||
<i class="bi bi-<?= $s['icon'] ?>"></i>
|
||||
</div>
|
||||
<h6 class="fw-bold mb-0"><?= $s['title'] ?></h6>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ③ 重塑业务的核心能力 (8个, 两排) -->
|
||||
<section id="services" class="py-5">
|
||||
<!-- 承接业务范围区域 -->
|
||||
<section id="scope" class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">业务核心能力</span>
|
||||
<h2 class="section-title">重塑业务的核心竞争优势</h2>
|
||||
<span class="section-subtitle">PROJECT SCOPE</span>
|
||||
<h2 class="section-title">承接业务范围区域</h2>
|
||||
<div class="grid-6">
|
||||
<?php
|
||||
$scope_items = [
|
||||
['n' => '海外资金盘', 'i' => 'globe-americas', 'c' => '#0d6efd'],
|
||||
['n' => '点赞盘', 'i' => 'hand-thumbs-up', 'c' => '#34a853'],
|
||||
['n' => '刷单盘', 'i' => 'cart-check', 'c' => '#fbbc05'],
|
||||
['n' => '商城盘', 'i' => 'shop', 'c' => '#ea4335'],
|
||||
['n' => '云矿机', 'i' => 'cpu', 'c' => '#673ab7'],
|
||||
['n' => '新能源', 'i' => 'lightning-charge', 'c' => '#00bcd4'],
|
||||
['n' => '投资理财', 'i' => 'wallet2', 'c' => '#ff5722'],
|
||||
['n' => '反波胆', 'i' => 'arrow-left-right', 'c' => '#4285f4'],
|
||||
['n' => '微交易', 'i' => 'phone-flip', 'c' => '#795548'],
|
||||
['n' => '时间盘', 'i' => 'clock-history', 'c' => '#6c757d'],
|
||||
['n' => '交易所', 'i' => 'bank', 'c' => '#198754'],
|
||||
['n' => '各类小程序', 'i' => 'app-indicator', 'c' => '#0dcaf0'],
|
||||
['n' => '机器人', 'i' => 'robot', 'c' => '#fd7e14'],
|
||||
['n' => '落地页定制', 'i' => 'window-stack', 'c' => '#d63384'],
|
||||
['n' => '远控系统', 'i' => 'display', 'c' => '#000000'],
|
||||
['n' => '授权系统', 'i' => 'key', 'c' => '#6610f2'],
|
||||
['n' => '在线客服', 'i' => 'headset', 'c' => '#0d6efd'],
|
||||
['n' => '获取通讯录', 'i' => 'person-rolodex', 'c' => '#dc3545']
|
||||
];
|
||||
foreach ($scope_items as $item): ?>
|
||||
<div class="tech-card p-3 text-center d-flex flex-column align-items-center justify-content-center border-0 shadow-sm" style="background: <?= get_soft_bg($item['c'], '06') ?>;">
|
||||
<i class="bi bi-<?= $item['i'] ?> mb-2" style="font-size: 1.6rem; color: <?= $item['c'] ?>;"></i>
|
||||
<span class="small fw-bold"><?= $item['n'] ?></span>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 业务核心能力区域 -->
|
||||
<section id="capabilities" class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">CORE CAPABILITIES</span>
|
||||
<h2 class="section-title">业务核心能力区域</h2>
|
||||
<div class="grid-4">
|
||||
<?php
|
||||
$caps = [
|
||||
@ -156,8 +236,8 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
['icon' => 'patch-check', 'title' => '合规与风险控管', 'desc' => '深度符合全球各行业标准，确保业务在全球范围合规。', 'color' => '#795548']
|
||||
];
|
||||
foreach ($caps as $c): ?>
|
||||
<div class="tech-card">
|
||||
<div class="icon-box-colorful" style="background: <?= $c['color'] ?>15; color: <?= $c['color'] ?>;">
|
||||
<div class="tech-card border-0 shadow-sm" style="background: <?= get_soft_bg($c['color'], '08') ?>;">
|
||||
<div class="icon-box-colorful" style="background: <?= $c['color'] ?>20; color: <?= $c['color'] ?>;">
|
||||
<i class="bi bi-<?= $c['icon'] ?>"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold mb-3"><?= $c['title'] ?></h5>
|
||||
@ -165,14 +245,28 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
<!-- 💯 承诺 -->
|
||||
<div class="tech-card border-0 shadow-lg p-4 mt-5" style="background: linear-gradient(135deg, #ffffff 0%, #f3f0ff 100%);">
|
||||
<div class="d-flex align-items-start gap-3">
|
||||
<div class="icon-box-colorful bg-warning bg-opacity-20 text-warning mb-0 flex-shrink-0" style="width: 54px; height: 54px; font-size: 1.6rem;">
|
||||
<i class="bi bi-award-fill"></i>
|
||||
</div>
|
||||
<div>
|
||||
<p class="mb-0 fw-bold text-dark" style="font-size: 1.15rem; line-height: 1.7;">
|
||||
专注于专业领域，追求卓越质量，赢得良好口碑！在这个市场环境复杂的当下，相信你再三比较后会发现我是你最可靠的选择！
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ④ 前沿、成熟、稳定的技术底座 (12个, 两排) -->
|
||||
<section id="tech" class="py-5 bg-subtle">
|
||||
<!-- 技术底座区域 -->
|
||||
<section id="tech" class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">技术底座</span>
|
||||
<h2 class="section-title">前沿、成熟、稳定的工业级技术栈</h2>
|
||||
<span class="section-subtitle">TECHNICAL FOUNDATION</span>
|
||||
<h2 class="section-title">技术底座区域</h2>
|
||||
<div class="grid-6">
|
||||
<?php
|
||||
$techs = [
|
||||
@ -190,8 +284,8 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
['name' => 'Rust', 'cat' => '系统级语言', 'icon' => 'cpu', 'color' => '#000000']
|
||||
];
|
||||
foreach ($techs as $t): ?>
|
||||
<div class="tech-card p-4 text-center d-flex flex-column align-items-center">
|
||||
<i class="bi bi-<?= $t['icon'] ?> mb-3" style="font-size: 2.2rem; color: <?= $t['color'] ?>;"></i>
|
||||
<div class="tech-card p-4 text-center d-flex flex-column align-items-center border-0 shadow-sm" style="background: <?= get_soft_bg($t['color'], '06') ?>;">
|
||||
<i class="bi bi-<?= $t['icon'] ?> mb-3" style="font-size: 2.3rem; color: <?= $t['color'] ?>;"></i>
|
||||
<h6 class="fw-bold mb-1"><?= $t['name'] ?></h6>
|
||||
<span class="x-small text-muted"><?= $t['cat'] ?></span>
|
||||
</div>
|
||||
@ -200,29 +294,29 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 新增报价区域 -->
|
||||
<!-- 报价方案区域 -->
|
||||
<section id="pricing" class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">报价方案</span>
|
||||
<h2 class="section-title">透明、合理的数字化建设投入</h2>
|
||||
<span class="section-subtitle">PRICING SOLUTIONS</span>
|
||||
<h2 class="section-title">报价方案区域</h2>
|
||||
<div class="grid-4">
|
||||
<?php
|
||||
$pricing = [
|
||||
['icon' => 'speedometer2', 'title' => '基础MVP版', 'desc' => '适用于快速验证业务逻辑的小型系统，包含核心基础功能。', 'price' => '¥49,900 起', 'color' => '#4285f4'],
|
||||
['icon' => 'award', 'title' => '企业标准版', 'desc' => '涵盖主流业务场景，集成高可用架构与基础安全策略。', 'price' => '¥99,900 起', 'color' => '#34a853'],
|
||||
['icon' => 'award', 'title' => '企业标准版', 'desc' => '涵盖主流业务场景，集成高可用架构 with 基础安全策略。', 'price' => '¥99,900 起', 'color' => '#34a853'],
|
||||
['icon' => 'gem', 'title' => '旗舰定制版', 'desc' => '全链路深度定制，支撑超大规模业务并发与复杂逻辑。', 'price' => '¥199,900 起', 'color' => '#fbbc05'],
|
||||
['icon' => 'building-gear', 'title' => '集团生态版', 'desc' => '多端互联与私有化部署，深度契合大型集团合规性要求。', 'price' => '面议', 'color' => '#ea4335']
|
||||
];
|
||||
foreach ($pricing as $p): ?>
|
||||
<div class="tech-card border-bottom border-4" style="border-color: <?= $p['color'] ?> !important;">
|
||||
<div class="icon-box-colorful" style="background: <?= $p['color'] ?>15; color: <?= $p['color'] ?>;">
|
||||
<div class="tech-card border-bottom border-4 shadow-sm" style="border-color: <?= $p['color'] ?> !important; background: <?= get_soft_bg($p['color'], '08') ?>;">
|
||||
<div class="icon-box-colorful" style="background: <?= $p['color'] ?>20; color: <?= $p['color'] ?>;">
|
||||
<i class="bi bi-<?= $p['icon'] ?>"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold mb-3"><?= $p['title'] ?></h5>
|
||||
<p class="small text-muted mb-4"><?= $p['desc'] ?></p>
|
||||
<div class="mt-auto">
|
||||
<span class="h4 fw-bold text-primary"><?= $p['price'] ?></span>
|
||||
<a href="https://t.me/zhangshihao818" class="btn btn-outline-primary btn-sm w-100 mt-3 fw-bold">获取详细报价单</a>
|
||||
<a href="https://t.me/zhangshihao818" class="btn btn-outline-primary btn-sm w-100 mt-3 fw-bold py-2">获取详细报价单</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@ -230,42 +324,11 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ⑤ 赋能千行百业的转型实践 (8个, 两排) -->
|
||||
<section id="solutions" class="py-5 bg-subtle">
|
||||
<!-- 全球合作伙伴区域 -->
|
||||
<section id="partners" class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">转型实践</span>
|
||||
<h2 class="section-title">赋能千行百业的数字化转型实践</h2>
|
||||
<div class="grid-4">
|
||||
<?php
|
||||
$sols = [
|
||||
['icon' => 'cart4', 'name' => '智慧新零售', 'desc' => '全渠道订单同步与库存共享，支撑百万级SKU实时调度。', 'color' => '#FF6B6B'],
|
||||
['icon' => 'bank2', 'name' => '数字金融', 'desc' => '高并发交易撮合引擎与实时风控系统，确保毫秒级安全响应。', 'color' => '#4D96FF'],
|
||||
['icon' => 'factory', 'name' => '智能制造', 'desc' => 'MES系统集成与预测性维护，助力工厂实现全流程自动化监控。', 'color' => '#6BCB77'],
|
||||
['icon' => 'hospital', 'name' => '智慧医疗', 'desc' => '电子病历上云与远程诊疗系统，提升医疗资源的精准分配。', 'color' => '#FFD93D'],
|
||||
['icon' => 'airplane', 'name' => '智慧物流', 'desc' => '路径优化算法与实时追踪体系，大幅降低跨境物流周转成本。', 'color' => '#9B51E0'],
|
||||
['icon' => 'building', 'name' => '智慧园区', 'desc' => '能耗实时分析与智能安防集成，打造零碳数字化办公空间。', 'color' => '#27AE60'],
|
||||
['icon' => 'mortarboard', 'name' => '在线教育', 'desc' => '百万级并发低延迟直播架构，支撑全球化在线教学互动。', 'color' => '#F2994A'],
|
||||
['icon' => 'shop', 'name' => '数字政务', 'desc' => '流程驱动的政务一体化平台，实现“一网通办”的效率变革。', 'color' => '#2D9CDB']
|
||||
];
|
||||
foreach ($sols as $s): ?>
|
||||
<div class="tech-card">
|
||||
<div class="icon-box-colorful" style="background: <?= $s['color'] ?>15; color: <?= $s['color'] ?>;">
|
||||
<i class="bi bi-<?= $s['icon'] ?>"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold mb-3"><?= $s['name'] ?></h5>
|
||||
<p class="small text-muted mb-4"><?= $s['desc'] ?></p>
|
||||
<a href="solution-detail.php?type=<?= urlencode($s['name']) ?>" class="btn btn-outline-primary btn-sm mt-auto fw-bold py-2">进入浏览 <i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ⑥ 全球客户与合作伙伴 (18个) -->
|
||||
<section class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">全球合作伙伴</span>
|
||||
<h2 class="section-title">信任我们的行业巨头与全球合作伙伴</h2>
|
||||
<span class="section-subtitle">GLOBAL PARTNERS</span>
|
||||
<h2 class="section-title">全球合作伙伴区域</h2>
|
||||
<div class="partners-grid">
|
||||
<?php
|
||||
$partners = [
|
||||
@ -289,43 +352,43 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
['icon' => 'bi-terminal-fill', 'name' => 'Oracle', 'color' => '#F80000']
|
||||
];
|
||||
foreach ($partners as $p): ?>
|
||||
<div class="partner-item">
|
||||
<i class="bi <?= $p['icon'] ?> partner-icon" style="color: <?= $p['color'] ?>;"></i>
|
||||
<span class="partner-name"><?= $p['name'] ?></span>
|
||||
<div class="partner-item border-0 shadow-sm" style="background: <?= get_soft_bg($p['color'], '08') ?>;">
|
||||
<i class="bi <?= $p['icon'] ?> partner-icon" style="color: <?= $p['color'] ?>; font-size: 2.2rem;"></i>
|
||||
<span class="partner-name fw-bold" style="font-size: 0.85rem;"><?= $p['name'] ?></span>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ⑧ 交付标准 -->
|
||||
<section class="py-5 bg-subtle">
|
||||
<!-- 交付标准区域 -->
|
||||
<section id="delivery" class="py-5">
|
||||
<div class="container py-5">
|
||||
<span class="section-subtitle">交付标准</span>
|
||||
<h2 class="section-title">严谨、透明、科学的工程级交付标准</h2>
|
||||
<span class="section-subtitle">DELIVERY STANDARDS</span>
|
||||
<h2 class="section-title">交付标准区域</h2>
|
||||
<div class="grid-4">
|
||||
<div class="tech-card border-top border-4 border-primary">
|
||||
<div class="tech-card border-top border-4 border-primary shadow-sm" style="background: #f0f7ff;">
|
||||
<div class="icon-box-colorful bg-primary bg-opacity-10 text-primary mb-4">
|
||||
<i class="bi bi-search"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">深度需求对齐</h5>
|
||||
<p class="small text-muted mb-0">通过专家工作坊进行业务逻辑深度拆解，确保技术路线与商业战略完美契合。</p>
|
||||
</div>
|
||||
<div class="tech-card border-top border-4 border-success">
|
||||
<div class="tech-card border-top border-4 border-success shadow-sm" style="background: #f0fdf4;">
|
||||
<div class="icon-box-colorful bg-success bg-opacity-10 text-success mb-4">
|
||||
<i class="bi bi-diagram-3"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">架构技术选型</h5>
|
||||
<p class="small text-muted mb-0">基于未来5年业务量预估进行基座搭建，选用最具扩展性的工业级技术栈。</p>
|
||||
</div>
|
||||
<div class="tech-card border-top border-4 border-warning">
|
||||
<div class="tech-card border-top border-4 border-warning shadow-sm" style="background: #fffbeb;">
|
||||
<div class="icon-box-colorful bg-warning bg-opacity-10 text-warning mb-4">
|
||||
<i class="bi bi-terminal"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold">敏捷迭代开发</h5>
|
||||
<p class="small text-muted mb-0">采用标准Scrum流程，周周可见交付成果，确保项目进度与质量透明可控。</p>
|
||||
</div>
|
||||
<div class="tech-card border-top border-4 border-danger">
|
||||
<div class="tech-card border-top border-4 border-danger shadow-sm" style="background: #fef2f2;">
|
||||
<div class="icon-box-colorful bg-danger bg-opacity-10 text-danger mb-4">
|
||||
<i class="bi bi-check-all"></i>
|
||||
</div>
|
||||
@ -354,9 +417,6 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
提交需求申请表
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-4 pt-3 opacity-50 small">
|
||||
<i class="bi bi-shield-check me-1"></i> 我们承诺：您的业务信息将受到金融级安全协议保护，绝不泄露。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -416,8 +476,31 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- 手机端底部菜单 -->
|
||||
<div class="mobile-bottom-nav">
|
||||
<a href="index.php?v=home" class="mobile-nav-item <?= $view == 'home' ? 'active' : '' ?>">
|
||||
<i class="bi bi-house-door"></i>
|
||||
<span>首页</span>
|
||||
</a>
|
||||
<a href="cases.php" class="mobile-nav-item <?= $view == 'works' ? 'active' : '' ?>">
|
||||
<i class="bi bi-briefcase"></i>
|
||||
<span>作品</span>
|
||||
</a>
|
||||
<a href="index.php?v=pricing#pricing" class="mobile-nav-item <?= $view == 'pricing' ? 'active' : '' ?>">
|
||||
<i class="bi bi-tags"></i>
|
||||
<span>报价</span>
|
||||
</a>
|
||||
<a href="https://t.me/zhangshihao818" class="mobile-nav-item highlight">
|
||||
<i class="bi bi-telegram"></i>
|
||||
<span>咨询</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- 悬浮按钮组 -->
|
||||
<div class="floating-controls">
|
||||
<a href="javascript:void(0)" class="float-btn float-btn-wx" title="微信咨询" data-bs-toggle="modal" data-bs-target="#wechatModal">
|
||||
<i class="bi bi-wechat"></i>
|
||||
</a>
|
||||
<a href="https://t.me/zhangshihao818" target="_blank" class="float-btn float-btn-tg" title="Telegram 咨询">
|
||||
<i class="bi bi-telegram"></i>
|
||||
</a>
|
||||
@ -426,6 +509,52 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- 微信二维码 Modal -->
|
||||
<div class="modal fade" id="wechatModal" tabindex="-1" aria-labelledby="wechatModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content border-0 shadow-lg" style="border-radius: 24px; overflow: hidden;">
|
||||
<div class="modal-header border-0 pb-0">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body text-center p-4 pt-0">
|
||||
<div class="icon-box-colorful bg-success bg-opacity-10 text-success mx-auto mb-3" style="width: 60px; height: 60px; font-size: 1.8rem;">
|
||||
<i class="bi bi-wechat"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold mb-2">添加微信好友</h5>
|
||||
<p class="small text-muted mb-4">扫描下方二维码或长按保存图片</p>
|
||||
|
||||
<div class="qr-code-wrapper p-3 bg-light rounded-4 mb-4 d-inline-block shadow-sm">
|
||||
<img src="<?= $wechat_qr ?>" alt="WeChat QR Code" class="img-fluid" style="max-width: 240px; border-radius: 12px;">
|
||||
</div>
|
||||
|
||||
<div class="d-grid gap-2">
|
||||
<div class="p-3 bg-light rounded-3 mb-3 d-flex align-items-center justify-content-between">
|
||||
<span class="small fw-bold text-muted">微信号: <span class="text-dark"><?= $wechat_id ?></span></span>
|
||||
<button class="btn btn-sm btn-outline-success px-3" onclick="copyWeChatId()">复制</button>
|
||||
</div>
|
||||
<a href="weixin://dl/chat?username=<?= $wechat_id ?>" class="btn btn-success py-3 fw-bold shadow-sm">
|
||||
<i class="bi bi-chat-dots me-2"></i> 尝试直接打开微信
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer border-0 justify-content-center pb-4">
|
||||
<p class="x-small text-muted mb-0">如有疑问，请通过 Telegram 咨询</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function copyWeChatId() {
|
||||
const id = '<?= $wechat_id ?>';
|
||||
navigator.clipboard.writeText(id).then(() => {
|
||||
alert('微信号已复制: ' + id);
|
||||
}).catch(err => {
|
||||
console.error('复制失败', err);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="/assets/js/main.js?v=<?= time() ?>"></script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user