yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: About 页面最终版 — 模糊文案 + 联系方式
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
- 去掉数据统计（避免精确数字）
- 去掉资质认证（避免举报）
- 三段模糊文案描述公司业务
- 联系信息：地址、邮箱、电话（SVG图标+卡片列表）
- 占位信息待替换
This commit is contained in:
yiqiu
2026-03-18 19:50:01 +08:00
parent 3e07a383d5
commit b6a0dc9b9a
2 changed files with 103 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
about.html
View File

@@ -1,65 +1,54 @@
{include file="header"}
<link rel="stylesheet" href="/web/BlackFruit-web/css/about.css">
<link rel="stylesheet" href="/web/BlackFruit-web/css/viewer.min.css">
<script src="/web/BlackFruit-web/js/viewer.min.js"></script>
</head>
<body id="about" class="about">
<header>{include file="public/header"}</header>
<!-- 极简 About -->
<section class="about-main">
<div class="about-container">
<div class="about-badge">ABOUT</div>
<h1 class="about-title">主题云</h1>
<p class="about-desc">
专业的全球云产品服务供应商，提供公有云、私有云、混合云全栈式服务矩阵。<br>
深耕基础云计算领域，助力中小企业数智化转型升级。
</p>
<div class="about-badge">ABOUT US</div>
<h1 class="about-title">关于我们</h1>
<div class="about-stats">
<div class="about-stat">
<div class="about-stat-num">10<span>年+</span></div>
<div class="about-stat-label">行业经验</div>
</div>
<div class="about-stat">
<div class="about-stat-num">10W<span>+</span></div>
<div class="about-stat-label">注册用户</div>
</div>
<div class="about-stat">
<div class="about-stat-num">60<span>+</span></div>
<div class="about-stat-label">全球可用区</div>
</div>
<div class="about-stat">
<div class="about-stat-num">99.99<span>%</span></div>
<div class="about-stat-label">服务可用性</div>
</div>
<div class="about-text">
<p>我们是一家专注于云计算基础设施服务的技术型企业，致力于为全球用户提供稳定、高效、安全的云端解决方案。自创立以来，团队始终秉持技术驱动的理念，围绕计算、存储、网络、安全等核心领域持续深耕，打造覆盖多种业务场景的云产品服务体系。</p>
<p>我们在全球多个地区部署了数据中心节点，依托自研调度平台与成熟的运维体系，为电商、游戏、金融、教育、开发者等不同行业客户提供弹性可扩展的基础设施支撑。无论是初创团队还是成长型企业，都能在这里找到适合自身业务的云上方案。</p>
<p>我们重视每一位客户的使用体验，坚持以合理的价格提供优质的服务。技术支持团队全天候在线，确保问题能够及时响应和处理。同时，我们也在不断优化产品能力与服务流程，力求让云上业务部署更简单、更可靠。</p>
</div>
<!-- 荣誉资质（如果有则显示） -->
{if ( isset($data.honor) && !empty($data.honor) ) }
<div class="about-honors-section">
<h3 class="about-section-title">资质认证</h3>
<div class="about-honors">
{foreach $data.honor as $key=>$value}
<div class="about-honor-item">
<img src={$value.img} alt="">
<span>{$value.name}</span>
<div class="about-divider"></div>
<div class="about-contact">
<h3 class="about-contact-title">联系我们</h3>
<div class="about-contact-grid">
<div class="contact-card">
<div class="contact-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
</div>
<div class="contact-label">公司地址</div>
<div class="contact-value">xx省xx市xx区xx路xx号</div>
</div>
<div class="contact-card">
<div class="contact-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
</div>
<div class="contact-label">电子邮箱</div>
<div class="contact-value">support@example.com</div>
</div>
<div class="contact-card">
<div class="contact-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
</div>
<div class="contact-label">联系电话</div>
<div class="contact-value">400-xxxx-xxxx</div>
</div>
{/foreach}
</div>
</div>
{/if}
</div>
</section>
<div style="height: 0;">
<img id="viewer" alt="" style="display: none;">
</div>
{include file="footer"}