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

让他问题
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2025-12-25 22:01:00 +08:00
parent c6708ea397
commit 34f7633fbb
1 changed files with 300 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
index.html
View File

@@ -13,7 +13,307 @@
<header>{include file="public/header"}</header>
<!-- banner（Swiper 轮播，数据由 $data.banner 提供；未配置时使用静态占位） -->
<section class="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='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 /}
-->
<!-- 静态调试数据 Start -->
<!-- Slide 1 -->
<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>弹性云服务器 低至5折</h1>
</div>
<p class="banner-desc">高性能云服务器，稳定可靠，按需付费，弹性扩容</p>
<a class="btn btn2 btn-normal" href="./cloud.html">立即购买</a>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide" style="background-image: url('/web/BlackFruit-web/assets/img/index/2@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">TB级DDoS防护，保障业务稳定运行</p>
<a class="btn btn2 btn-normal" href="./dedicated.html">了解详情</a>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide" style="background-image: url('/web/BlackFruit-web/assets/img/index/3@2x.png');">
<div class="section-content">
<div class="title-wrapper">
<div class="banner-tags">
<span class="banner-tag-pill"><span>免费试用</span></span>
</div>
<h1>域名注册 低至9元/年</h1>
</div>
<p class="banner-desc">海量域名后缀可选，便捷管理，安全可靠</p>
<a class="btn btn2 btn-normal" href="./domain.html">立即注册</a>
</div>
</div>
<!-- 静态调试数据 End -->
<!--
{/if}
-->
<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" loading="lazy">
<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" loading="lazy">
<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" loading="lazy">
<div class="banner-item-content">
<h5>推广最高<span class="highlight">35%</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" loading="lazy">
<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-grid">
<!-- 产品卡片 1 -->
<div class="product-card">
<div class="product-card-header">
<h4 class="product-name">香港弹性云</h4>
<div class="product-badges">
<span class="product-badge badge-hot">热销</span>
<span class="product-badge badge-promo">V0新春专享</span>
</div>
</div>
<p class="product-desc">稳定、安全、高效、易用，可存储任意类型和形式的非结构化数据</p>
<div class="product-specs">
<span class="spec-item">2核CPU</span>
<span class="spec-divider">|</span>
<span class="spec-item">2G内存</span>
<span class="spec-divider">|</span>
<span class="spec-item">3M带宽</span>
<span class="spec-divider">|</span>
<span class="spec-item">50G SSD</span>
</div>
<div class="product-pricing">
<div class="price-main">
<span class="price-currency">¥</span>
<span class="price-value">29.9</span>
<span class="price-original">原价¥59.8</span>
</div>
<span class="price-limit">限购1台</span>
</div>
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
</div>
<!-- 产品卡片 2 -->
<div class="product-card">
<div class="product-card-header">
<h4 class="product-name">美国高防云</h4>
<div class="product-badges">
<span class="product-badge badge-promo">V0新春专享</span>
</div>
</div>
<p class="product-desc">稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据</p>
<div class="product-specs">
<span class="spec-item">4核CPU</span>
<span class="spec-divider">|</span>
<span class="spec-item">4G内存</span>
<span class="spec-divider">|</span>
<span class="spec-item">5M带宽</span>
<span class="spec-divider">|</span>
<span class="spec-item">80G SSD</span>
</div>
<div class="product-pricing">
<div class="price-main">
<span class="price-currency">¥</span>
<span class="price-value">59.9</span>
<span class="price-original">原价¥119.8</span>
</div>
<span class="price-limit">限购1台</span>
</div>
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
</div>
<!-- 产品卡片 3 -->
<div class="product-card">
<div class="product-card-header">
<h4 class="product-name">新加坡CN2云</h4>
<div class="product-badges">
<span class="product-badge badge-recommend">推荐</span>
<span class="product-badge badge-promo">V0新春专享</span>
</div>
</div>
<p class="product-desc">稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据</p>
<div class="product-specs">
<span class="spec-item">4核CPU</span>
<span class="spec-divider">|</span>
<span class="spec-item">8G内存</span>
<span class="spec-divider">|</span>
<span class="spec-item">10M带宽</span>
<span class="spec-divider">|</span>
<span class="spec-item">100G SSD</span>
</div>
<div class="product-pricing">
<div class="price-main">
<span class="price-currency">¥</span>
<span class="price-value">99.9</span>
<span class="price-original">原价¥199.8</span>
</div>
<span class="price-limit">限购1台</span>
</div>
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
</div>
<!-- 产品卡片 4 -->
<div class="product-card">
<div class="product-card-header">
<h4 class="product-name">日本BGP云</h4>
<div class="product-badges">
<span class="product-badge badge-promo">V0新春专享</span>
</div>
</div>
<p class="product-desc">稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据</p>
<div class="product-specs">
<span class="spec-item">8核CPU</span>
<span class="spec-divider">|</span>
<span class="spec-item">16G内存</span>
<span class="spec-divider">|</span>
<span class="spec-item">20M带宽</span>
<span class="spec-divider">|</span>
<span class="spec-item">200G SSD</span>
</div>
<div class="product-pricing">
<div class="price-main">
<span class="price-currency">¥</span>
<span class="price-value">199.9</span>
<span class="price-original">原价¥399.8</span>
</div>
<span class="price-limit">限购1台</span>
</div>
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
</div>
</div>
</div>
</div>
</section>
<!-- 解决方案 -->
<section class="section section-bg resolve">