3a989aac60
All checks were successful
continuous-integration/drone/push Build is passing
- 删除包含云服务器、物理裸机、域名注册等产品展示的整个 section - 该区块为硬编码内容，主题配置插件中无相关配置项 - 优化首页内容结构 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
438 lines
17 KiB
HTML
438 lines
17 KiB
HTML
{include file="header"}
|
||
<!-- 当前页面 -->
|
||
<link rel="stylesheet" href="/web/BlackFruit-web/css/index.css">
|
||
<link rel="stylesheet" href="/web/BlackFruit-web/css/viewer.min.css">
|
||
|
||
<script src="/web/BlackFruit-web/js/tools.js"></script>
|
||
<script src="/web/BlackFruit-web/js/index.js"></script>
|
||
<script src="/web/BlackFruit-web/js/viewer.min.js"></script>
|
||
|
||
</head>
|
||
|
||
<body id="index">
|
||
<header>{include file="public/header"}</header>
|
||
|
||
<!-- banner（Swiper 轮播，数据由 $data.banner 提供；未配置时使用静态占位） -->
|
||
<section class="section banner">
|
||
<div class="swiper banner-cont">
|
||
<div class="swiper-wrapper">
|
||
{if ( isset($data.banner) ) }
|
||
{foreach $data.banner as $key=>$value}
|
||
<div class="swiper-slide" style="background-image: url('{$value.img|default='/web/BlackFruit-web/assets/img/index/1@2x.png'}');">
|
||
<div class="section-content">
|
||
<div class="title-wrapper">
|
||
{if !empty($value.tags)}
|
||
{php}$__tags = preg_split('/[,，]/', $value['tags']);{/php}
|
||
<div class="banner-tags">
|
||
{foreach $__tags as $__t}
|
||
{php}$__t_trim = trim($__t);{/php}
|
||
{if $__t_trim != ''}
|
||
<span class="banner-tag-pill"><span>{$__t_trim}</span></span>
|
||
{/if}
|
||
{/foreach}
|
||
</div>
|
||
{/if}
|
||
|
||
{if !empty($value.title)}
|
||
<h1>{$value.title}</h1>
|
||
{/if}
|
||
</div>
|
||
|
||
{if !empty($value.description)}
|
||
<p class="banner-desc">{$value.description}</p>
|
||
{/if}
|
||
|
||
{if !empty($value.button_text)}
|
||
<a
|
||
class="btn btn2 btn-normal"
|
||
href="{$value.button_link|default=$value.url|default='javascript:;'}"
|
||
{if !empty($value.button_blank) || !empty($value.blank)}target="_blank"{/if}
|
||
>
|
||
{$value.button_text}
|
||
</a>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
{/foreach}
|
||
{else /}
|
||
<div class="swiper-slide" style="background-image: url('/web/BlackFruit-web/assets/img/index/1@2x.png');">
|
||
<div class="section-content">
|
||
<div class="title-wrapper">
|
||
<div class="banner-tags">
|
||
<span class="banner-tag-pill"><span>云计算</span></span>
|
||
<span class="banner-tag-pill"><span>高性价比</span></span>
|
||
</div>
|
||
<h1>中小企业的云计算底座</h1>
|
||
</div>
|
||
<p class="banner-desc">主题云聚焦中小企业的数智化转型进程，以技术和数据为驱动，以产品和场景为载体，专注于打磨云上业务服务能力，助力中小企业全面业务上云演化。</p>
|
||
<div class="btn btn2 btn-normal">立即查看</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide" style="background-image: url('/web/BlackFruit-web/assets/img/index/1@2x.png');">
|
||
<div class="section-content">
|
||
<div class="title-wrapper">
|
||
<div class="banner-tags">
|
||
<span class="banner-tag-pill"><span>弹性伸缩</span></span>
|
||
<span class="banner-tag-pill"><span>安全稳定</span></span>
|
||
</div>
|
||
<h1>企业级云服务解决方案</h1>
|
||
</div>
|
||
<p class="banner-desc">提供高性能、高可用的云计算服务，支持弹性伸缩，按需付费，助力企业数字化转型。</p>
|
||
<div class="btn btn2 btn-normal">立即查看</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide" style="background-image: url('/web/BlackFruit-web/assets/img/index/1@2x.png');">
|
||
<div class="section-content">
|
||
<div class="title-wrapper">
|
||
<div class="banner-tags">
|
||
<span class="banner-tag-pill"><span>全球部署</span></span>
|
||
</div>
|
||
<h1>全球云基础设施</h1>
|
||
</div>
|
||
<p class="banner-desc">覆盖全球20+地区，60+可用区，500+CDN节点，为您提供低延迟、高可用的云服务体验。</p>
|
||
<div class="btn btn2 btn-normal">立即查看</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
<!-- 如果需要分页器 -->
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
<div class="banner-s">
|
||
<div class="section-content banner-list">
|
||
<div class="banner-item" id="cloud-box">
|
||
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
|
||
<div class="banner-item-content">
|
||
<h5>新用户最低可<span class="highlight">5折</span>优惠</h5>
|
||
<p class="title-desc mt-10 mb-10">无数个人用户的共同选择</p>
|
||
</div>
|
||
</div>
|
||
<div class="banner-item" id="domain-box">
|
||
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
|
||
<div class="banner-item-content">
|
||
<h5>域名<span class="highlight">低至9元</span>起</h5>
|
||
<p class="title-desc mt-10 mb-10">优选主流域名注册服务</p>
|
||
</div>
|
||
</div>
|
||
<div class="banner-item" id="cps-box">
|
||
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
|
||
<div class="banner-item-content">
|
||
<h5>推广最高<span class="highlight">30%</span>佣金</h5>
|
||
<p class="title-desc mt-10 mb-10">多种产品高额返佣</p>
|
||
</div>
|
||
</div>
|
||
<div class="banner-item" id="logon-box">
|
||
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
|
||
<div class="banner-item-content">
|
||
<h5>注册送<span class="highlight">2000元</span>礼包</h5>
|
||
<p class="title-desc mt-10 mb-10">免费注册领取专属礼包</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- 热销产品展示 -->
|
||
<div class="hot-products">
|
||
<div class="section-content">
|
||
<div class="hot-products-title">
|
||
<h3>热销产品推荐</h3>
|
||
<p class="subtitle">高性价比云服务器，助力您的业务快速上云</p>
|
||
</div>
|
||
<div class="products-table-wrapper">
|
||
<table class="products-table">
|
||
<thead>
|
||
<tr>
|
||
<th>产品名称</th>
|
||
<th>CPU</th>
|
||
<th>内存</th>
|
||
<th>带宽</th>
|
||
<th>系统盘</th>
|
||
<th>价格</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<div class="product-name">
|
||
<span>香港弹性云</span>
|
||
<span class="product-tag">热销</span>
|
||
</div>
|
||
</td>
|
||
<td>2核</td>
|
||
<td>2G</td>
|
||
<td>3M</td>
|
||
<td>50G SSD</td>
|
||
<td>
|
||
<div class="product-price">
|
||
29.9<span class="unit">/月</span>
|
||
</div>
|
||
</td>
|
||
<td class="product-action">
|
||
<a href="./cloud.html" class="btn-buy">立即购买</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="product-name">
|
||
<span>美国高防云</span>
|
||
</div>
|
||
</td>
|
||
<td>4核</td>
|
||
<td>4G</td>
|
||
<td>5M</td>
|
||
<td>80G SSD</td>
|
||
<td>
|
||
<div class="product-price">
|
||
59.9<span class="unit">/月</span>
|
||
</div>
|
||
</td>
|
||
<td class="product-action">
|
||
<a href="./cloud.html" class="btn-buy">立即购买</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="product-name">
|
||
<span>新加坡CN2云</span>
|
||
<span class="product-tag">推荐</span>
|
||
</div>
|
||
</td>
|
||
<td>4核</td>
|
||
<td>8G</td>
|
||
<td>10M</td>
|
||
<td>100G SSD</td>
|
||
<td>
|
||
<div class="product-price">
|
||
99.9<span class="unit">/月</span>
|
||
</div>
|
||
</td>
|
||
<td class="product-action">
|
||
<a href="./cloud.html" class="btn-buy">立即购买</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="product-name">
|
||
<span>日本BGP云</span>
|
||
</div>
|
||
</td>
|
||
<td>8核</td>
|
||
<td>16G</td>
|
||
<td>20M</td>
|
||
<td>200G SSD</td>
|
||
<td>
|
||
<div class="product-price">
|
||
199.9<span class="unit">/月</span>
|
||
</div>
|
||
</td>
|
||
<td class="product-action">
|
||
<a href="./cloud.html" class="btn-buy">立即购买</a>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 解决方案 -->
|
||
<section class="section section-bg resolve">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>全场景全栈解决方案</h2>
|
||
<div class="section-desc">专业构架师针对丰富的业务场景，为千行百业构建稳定、易用的高性价比解决方案。</div>
|
||
</div>
|
||
<div class="resolve-content ">
|
||
<div class="fboxRow">
|
||
<div class="resolve-box">
|
||
<a href="./solution/e-commerce.html">
|
||
<div>
|
||
<h4>电商</h4>
|
||
<div class="title-desc">有效应对大促带来的业务高并发问题，助力电商客户快速实现营销创新与业务增收。</div>
|
||
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="resolve-box">
|
||
<a href="./solution/finance.html">
|
||
<div>
|
||
<h4>金融</h4>
|
||
<div class="title-desc">助力金融机构打造面向垂直场景的创新方案，实现金融机构与用户之间的高效触达。</div>
|
||
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="resolve-box">
|
||
<a href="./solution/game.html">
|
||
<div>
|
||
<h4>游戏</h4>
|
||
<div class="title-desc">构建高质量、全方位、深度体验的游戏云平台，提升研发效率，增强交互体验。</div>
|
||
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="resolve-box">
|
||
<a href="./solution/auto.html">
|
||
<div>
|
||
<h4>汽车</h4>
|
||
<div class="title-desc">面向汽车行业提供全场景信息化解决方案，助力车企打造更开放的新型连接生态。</div>
|
||
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="fboxRow">
|
||
<div class="resolve-box">
|
||
<a href="./solution/travel.html">
|
||
<div>
|
||
<h4>文旅</h4>
|
||
<div class="title-desc">通过“科技+文化旅游”的融合创新及落地应用，推动文旅行业信息化、智慧化发展。</div>
|
||
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="resolve-box">
|
||
<a href="./solution/education.html">
|
||
<div>
|
||
<h4>教育</h4>
|
||
<div class="title-desc">实现数据互联、可视化、高交互的云上教育环境，打造云时代教育治理新模式。</div>
|
||
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="resolve-box">
|
||
<a href="./solution/medical.html">
|
||
<div>
|
||
<h4>医疗</h4>
|
||
<div class="title-desc">协助医疗机构打造资源共享、再利用、再生产的数据生态循环，提高资源配置效率。</div>
|
||
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="resolve-box">
|
||
<a href="./solution/agriculture.html">
|
||
<div>
|
||
<h4>农业</h4>
|
||
<div class="title-desc">助力农企构建智慧农业生产服务体系，提升农业精细化种植与管理水平。</div>
|
||
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!-- 服务实践 -->
|
||
<section class="section practice">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>聚焦核心场景，助力数智升级</h2>
|
||
<div class="section-desc">主题云专注为各行业用户提供专业、智能、无忧的上云方案</div>
|
||
</div>
|
||
<div class="practice-content fboxRow" id="practiceBox">
|
||
</div>
|
||
<div class="fboxWrap brand-group fboxWrap" id="morPracticeBox" style="display: none;">
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!-- 安全合规、高速稳定的基础设施 -->
|
||
<section class="section section-base">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>安全合规、高速稳定的基础设施</h2>
|
||
</div>
|
||
<div class="fboxRow base">
|
||
<div class="base-content mt-40">
|
||
<div class="fboxRow Ycenter mb-30">
|
||
<h2>20+</h2><span class="title-desc ml-10">国家地理区域</span>
|
||
</div>
|
||
<div class="fboxRow Ycenter mb-30">
|
||
<h2>60+</h2><span class="title-desc ml-10">可用区</span>
|
||
</div>
|
||
<div class="fboxRow Ycenter mb-30">
|
||
<h2>500+</h2><span class="title-desc ml-10">全球CDN节点</span>
|
||
</div>
|
||
<div class="fboxRow Ycenter mb-30">
|
||
<h2>1T+</h2><span class="title-desc ml-10">可承载DDOS攻击</span>
|
||
</div>
|
||
|
||
</div>
|
||
<img src="/web/BlackFruit-web/assets/img/index/map.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="cert">
|
||
<div class="section-content cert-list fboxWrap" id="certBox">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 新闻 -->
|
||
<section class="section news">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>新动向，新机遇</h2>
|
||
<div class="section-desc">最新发展动态、最热行业资讯，与主题云一起见证云时代精彩瞬间</div>
|
||
</div>
|
||
<div class="news-content fboxWrap">
|
||
<div class="news-cont">
|
||
<div class="news-head fboxRow Xbetween Yend">
|
||
<div class="news-title">官方公告</div>
|
||
<div class="news-more"><a href="./announce.html">更多</a><span class="iconfont icon-arrow-right"></span></div>
|
||
</div>
|
||
<div class="news-list" id="announceList">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="news-cont">
|
||
<div class="news-head fboxRow Xbetween Yend">
|
||
<div class="news-title">新闻资讯</div>
|
||
<div class="news-more"><a href="./news.html">更多</a><span class="iconfont icon-arrow-right"></span></div>
|
||
</div>
|
||
<div class="news-list" id="newsList">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<div style="height: 0;">
|
||
<img id="viewer" alt="" style="display: none;">
|
||
</div>
|
||
|
||
<script>
|
||
// 回到顶部功能
|
||
$(document).ready(function() {
|
||
// 点击回到顶部
|
||
$("#backTop").click(function () {
|
||
$("html, body").animate({ scrollTop: 0 }, 300);
|
||
});
|
||
|
||
// 根据滚动位置显示/隐藏回到顶部按钮
|
||
$(window).scroll(function () {
|
||
if ($(this).scrollTop() > 300) {
|
||
$("#backTop").fadeIn(300);
|
||
} else {
|
||
$("#backTop").fadeOut(300);
|
||
}
|
||
});
|
||
|
||
// 初始化时隐藏回到顶部按钮
|
||
if ($(window).scrollTop() <= 300) {
|
||
$("#backTop").hide();
|
||
}
|
||
});
|
||
</script>
|
||
|
||
{include file="footer"}
|