Files
BlackFruit-UI/dedicated.html
yiqiu a2414d721c
All checks were successful
continuous-integration/drone/push Build is passing
22222222222222
2025-12-25 15:45:44 +08:00

748 lines
34 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{include file="header"}
<link rel="stylesheet" href="/web/BlackFruit-web/css/product.css">
<script src="/web/BlackFruit-web/js/product.js"></script>
<script src="/web/BlackFruit-web/js/tools.js"></script>
</head>
<body>
<header>{include file="public/header"}</header>
{if ( isset($data.banner) && count($data.banner) > 0 ) }
<section class="section banner">
<div class="swiper banner-cont">
<div class="swiper-wrapper">
{foreach $data.banner as $key=>$value}
<div class="swiper-slide">
<a href="{$value.url}">
<img class="img-responsive img center-block" src="{$value.img}" alt="">
</a>
</div>
{/foreach}
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</section>
{else /}
<section class="section server-banner banner-dedicated product-banner">
<div class="section-content">
<!-- <h1>物理裸机</h1>
<p class="server-banner-desc">主题云提供物理裸机租用服务,满足用户资源独享、安全合规、性能稳定的使用需求,实现集高性能、高可靠性、高安全性和高易用性于一体的计算服务,为核心业务的快速成长保驾护航。
</p>
<div class="btn btn2 btn-normal buy-dcim-btn">立即购买</div> -->
</div>
</section>
{/if}
<!-- 热门组合 -->
<section class="section product-hot cloud-pro-list">
<div class="section-content">
<div class="hot mt-20">
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper jr-tabs Xcenter">
{if ( isset($data.product) ) }
{foreach $data.product as $key=>$value}
<div class="swiper-slide title {if ( $key == 0 ) }active{/if}">{$value.name}</div>
{/foreach}
{else /}
<div class="swiper-slide title active">中国地区</div>
<div class="swiper-slide title">亚太地区</div>
{/if}
</div>
</div>
<!-- 内容 -->
<div class="swiper-container gallery-top hot-cont">
<div class="swiper-wrapper">
{if ( isset($data.product) ) }
{foreach $data.product as $key=>$value}
<div class="swiper-slide info">
<div class="product-country">
{foreach $value.children as $k=>$v}
<div class="country-item {if ( $k == 0 ) }active{/if}">{$v.name}</div>
{/foreach}
</div>
<div class="product-des">多规格资源自由选配,充分满足不同场景业务诉求<a href="" class="link-rule">活动规则<span
class="iconfont icon-arrow-right"></span></a>
</div>
{foreach $value.children as $k=>$v}
<div class="hot-list {if ( $k == 0 ) }active{/if}">
{foreach $v.children as $ck=>$cv}
<div class="product-item">
<div class="product-active-text">新老同享</div>
<div class="product-item-top">
<h4>{$cv.title}</h4>
<div class="title-desc">{$cv.description}</div>
</div>
<div class="product-item-bottom">
<div class="product-config">
<p>
<span class="config-lable">处理器</span>
<span class="config-value">{$cv.cpu}</span>
</p>
<p>
<span class="config-lable">内存</span>
<span class="config-value">{:implode(' / ', $cv.memory)}</span>
</p>
<p>
<span class="config-lable">硬盘</span>
<span class="config-value">{:implode(' / ', $cv.disk)}</span>
</p>
<p>
<span class="config-lable">IP数</span>
<span class="config-value">{:implode(' / ', $cv.ip_num)}</span>
</p>
<p>
<span class="config-lable">带宽</span>
<span class="config-value">{:implode(' / ', $cv.bandwidth)}</span>
</p>
<p>
<span class="config-lable">时长</span>
<span class="config-time">
{foreach $cv.duration as $dk=>$dv}
<span {if ( $dk == 0 ) } class="active" {/if}>{$dv}</span>
{/foreach}
</span>
</p>
</div>
<div class="product-text">
{foreach $cv.tag as $dk=>$dv}
<span class="product-text-item">{$dv}</span>
{/foreach}
</div>
<div class="product-price-box">
<div class="price-left">
<div class="price">{$data.currency_prefix}<span class="font24 font-weight">{$cv.selling_price}</span>/{$cv.selling_price_unit}</div>
<div class="origin-price">原价:{$data.currency_prefix}{$cv.original_price}/{$cv.original_price_unit}</div>
</div>
<div class="price-right">
<!-- 禁止默认跳转 -->
<a href="/cart/goods.htm?id={$cv.product_id}">
<div class="btn btn-normal product-btn">立即抢购</div>
</a>
<!-- <div class="shop-car-btn">
<img src="/web/BlackFruit-web/assets/img/comment/shoppingCar.svg" alt="">
</div> -->
</div>
</div>
</div>
</div>
{/foreach}
</div>
{/foreach}
</div>
{/foreach}
{else /}
<div class="swiper-slide info">
<div class="product-country">
<div class="country-item active">日本东京</div>
<div class="country-item">韩国首尔</div>
<div class="country-item">泰国曼谷</div>
<div class="country-item">印度孟买</div>
<div class="country-item">新加坡</div>
<div class="country-item">越南胡志明市</div>
</div>
<div class="product-des">多规格资源自由选配,充分满足不同场景业务诉求<a href="" class="link-rule">活动规则<span
class="iconfont icon-arrow-right"></span></a>
</div>
<div class="hot-list active">
<div class="product-item">
<div class="product-active-text">新老同享</div>
<div class="product-item-top">
<h4>1核1G 轻量型</h4>
<div class="title-desc">适用于小型网站和小型Web应用程序</div>
<div class="title-desc">香港</div>
</div>
<div class="product-item-bottom">
<div class="product-config">
<p>
<span class="config-lable">处理器</span>
<span class="config-value">E5 2650</span>
</p>
<p>
<span class="config-lable">内存</span>
<span class="config-value">8GB DDR4</span>
</p>
<p>
<span class="config-lable">硬盘</span>
<span class="config-value">480G SSD</span>
</p>
<p>
<span class="config-lable">IP数</span>
<span class="config-value">3个</span>
</p>
<p>
<span class="config-lable">带宽</span>
<span class="config-value">10M</span>
</p>
<p>
<span class="config-lable">时长</span>
<span class="config-time">
<span class="active">1个月</span>
<span>3个月</span>
</span>
</p>
</div>
<div class="product-text">
<span class="product-text-item">低至0.5折</span>
<span class="product-text-item">超高性价比</span>
<span class="product-text-item">个人建站必备</span>
</div>
<div class="product-price-box">
<div class="price-left">
<div class="price"><span class="font24 font-weight">1056</span>/年</div>
<div class="origin-price">原价:¥1000/月</div>
</div>
<div class="price-desc">约¥88/1个月</div>
<div class="price-right">
<!-- 禁止默认跳转 -->
<a href="javascript:;" class="buy-cloud">
<div class="btn btn-normal product-btn">立即抢购</div>
</a>
<div class="shop-car-btn">
<img src="/web/BlackFruit-web/assets/img/comment/shoppingCar.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hot-list">
<div class="product-item">
<div class="product-active-text">新老同享</div>
<div class="product-item-top">
<h4>2核2G 轻量型</h4>
<div class="title-desc">适用于小型网站和小型Web应用程序</div>
<div class="title-desc">香港</div>
</div>
<div class="product-item-bottom">
<div class="product-config">
<p>
<span class="config-lable">处理器</span>
<span class="config-value">E5 2650</span>
</p>
<p>
<span class="config-lable">内存</span>
<span class="config-value">8GB DDR4</span>
</p>
<p>
<span class="config-lable">硬盘</span>
<span class="config-value">480G SSD</span>
</p>
<p>
<span class="config-lable">IP数</span>
<span class="config-value">3个</span>
</p>
<p>
<span class="config-lable">带宽</span>
<span class="config-value">10M</span>
</p>
<p>
<span class="config-lable">时长</span>
<span class="config-time">
<span class="active">1个月</span>
<span>3个月</span>
</span>
</p>
</div>
<div class="product-text">
<span class="product-text-item">低至0.5折</span>
<span class="product-text-item">超高性价比</span>
<span class="product-text-item">个人建站必备</span>
</div>
<div class="product-price-box">
<div class="price-left">
<div class="price"><span class="font24 font-weight">1056</span>/年</div>
<div class="origin-price">原价:¥1000/月</div>
</div>
<div class="price-desc">约¥88/1个月</div>
<div class="price-right">
<!-- 禁止默认跳转 -->
<a href="javascript:;" class="buy-cloud">
<div class="btn btn-normal product-btn">立即抢购</div>
</a>
<div class="shop-car-btn">
<img src="/web/BlackFruit-web/assets/img/comment/shoppingCar.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hot-list">
<div class="product-item">
<div class="product-active-text">新老同享</div>
<div class="product-item-top">
<h4>3核3G 轻量型</h4>
<div class="title-desc">适用于小型网站和小型Web应用程序</div>
<div class="title-desc">香港</div>
</div>
<div class="product-item-bottom">
<div class="product-config">
<p>
<span class="config-lable">处理器</span>
<span class="config-value">E5 2650</span>
</p>
<p>
<span class="config-lable">内存</span>
<span class="config-value">8GB DDR4</span>
</p>
<p>
<span class="config-lable">硬盘</span>
<span class="config-value">480G SSD</span>
</p>
<p>
<span class="config-lable">IP数</span>
<span class="config-value">3个</span>
</p>
<p>
<span class="config-lable">带宽</span>
<span class="config-value">10M</span>
</p>
<p>
<span class="config-lable">时长</span>
<span class="config-time">
<span class="active">1个月</span>
<span>3个月</span>
</span>
</p>
</div>
<div class="product-text">
<span class="product-text-item">低至0.5折</span>
<span class="product-text-item">超高性价比</span>
<span class="product-text-item">个人建站必备</span>
</div>
<div class="product-price-box">
<div class="price-left">
<div class="price"><span class="font24 font-weight">1056</span>/年</div>
<div class="origin-price">原价:¥1000/月</div>
</div>
<div class="price-desc">约¥88/1个月</div>
<div class="price-right">
<!-- 禁止默认跳转 -->
<a href="javascript:;" class="buy-cloud">
<div class="btn btn-normal product-btn">立即抢购</div>
</a>
<div class="shop-car-btn">
<img src="/web/BlackFruit-web/assets/img/comment/shoppingCar.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide info">
<div class="product-country">
<div class="country-item active">1</div>
<div class="country-item">2</div>
<div class="country-item">3</div>
<div class="country-item">4</div>
<div class="country-item">5</div>
<div class="country-item">6</div>
</div>
<div class="product-des">多规格资源自由选配,充分满足不同场景业务诉求<a href="" class="link-rule">活动规则<span
class="iconfont icon-arrow-right"></span></a>
</div>
<div class="hot-list">
<div class="product-item">
<div class="product-active-text">新老同享</div>
<div class="product-item-top">
<h4>1核1G 轻量型</h4>
<div class="title-desc">适用于小型网站和小型Web应用程序</div>
<div class="title-desc">香港</div>
</div>
<div class="product-item-bottom">
<div class="product-config">
<p>
<span class="config-lable">处理器</span>
<span class="config-value">E5 2650</span>
</p>
<p>
<span class="config-lable">内存</span>
<span class="config-value">8GB DDR4</span>
</p>
<p>
<span class="config-lable">硬盘</span>
<span class="config-value">480G SSD</span>
</p>
<p>
<span class="config-lable">IP数</span>
<span class="config-value">3个</span>
</p>
<p>
<span class="config-lable">带宽</span>
<span class="config-value">10M</span>
</p>
<p>
<span class="config-lable">时长</span>
<span class="config-time">
<span class="active">1个月</span>
<span>3个月</span>
</span>
</p>
</div>
<div class="product-text">
<span class="product-text-item">低至0.5折</span>
<span class="product-text-item">超高性价比</span>
<span class="product-text-item">个人建站必备</span>
</div>
<div class="product-price-box">
<div class="price-left">
<div class="price"><span class="font24 font-weight">1056</span>/年</div>
<div class="origin-price">原价:¥1000/月</div>
</div>
<div class="price-desc">约¥88/1个月</div>
<div class="price-right">
<!-- 禁止默认跳转 -->
<a href="javascript:;" class="buy-cloud">
<div class="btn btn-normal product-btn">立即抢购</div>
</a>
<div class="shop-car-btn">
<img src="/web/BlackFruit-web/assets/img/comment/shoppingCar.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{/if}
</div>
</div>
</div>
<div class="more-pro"><a href="" class="link-rule">了解更多物理裸机<span class="iconfont icon-arrow-right"></span></a>
</div>
</div>
</section>
<!-- 无忧上云 -->
<section class="section product-cloud">
<div class="section-content">
<div class="section-title">
<h2>产品优势</h2>
</div>
<div class="cloud">
<div class="cloud-box">
<div><img src="/web/BlackFruit-web/assets/img/dedicated/dedicated-1.png" alt=""></div>
<div class="cloud-box-cont mt-15">
<h4>高配硬件</h4>
<div class="mt-15">所有硬件均采用国际顶级品牌,支持深度定制硬件,充分满足不同业务场景下的高性能应用需求。</div>
</div>
</div>
<div class="cloud-box">
<div><img src="/web/BlackFruit-web/assets/img/dedicated/dedicated-2.png" alt=""></div>
<div class="cloud-box-cont mt-15">
<h4>快速响应</h4>
<div class="mt-15">专业运维团队全天候监控,借助先进的监控与故障诊断技术,自动发现服务器的常见故障,有效保障设备的高可用性。</div>
</div>
</div>
<div class="cloud-box">
<div><img src="/web/BlackFruit-web/assets/img/dedicated/dedicated-3.png" alt=""></div>
<div class="cloud-box-cont mt-15">
<h4>安全合规</h4>
<div class="mt-15">用户独享物理裸机,实现更高等级的安全隔离,满足金融、政务等领域特殊的合规监管、安全要求。</div>
</div>
</div>
<div class="cloud-box">
<div><img src="/web/BlackFruit-web/assets/img/dedicated/dedicated-4.png" alt=""></div>
<div class="cloud-box-cont mt-15">
<h4>性能无损</h4>
<div class="mt-15">多种高规则配置按需选配无虚拟化损失无资源争抢100%释放算力资源,随时展现超高性能。</div>
</div>
</div>
</div>
</div>
</section>
<!-- 更多优惠活动 -->
{if ( isset($data.more_offers) ) }
{if ( $data.more_offers == 1 && count($data.discount) > 0 ) }
<section class="section product-cloud">
<div class="section-content">
<div class="section-title">
<h2>更多优惠活动</h2>
</div>
<div class="product-event">
{foreach $data.discount as $key=>$value}
<div class="event-item">
<h4 class="event-name">{$value.title}</h4>
<div class="event-des">{$value.description}</div>
<div class="event-buy">
<a href="{$value.url}">
<div class="btn btn-normal event-btn">立即前往</div>
</a>
</div>
</div>
{/foreach}
</div>
</div>
</section>
{/if}
{else /}
<section class="section product-cloud">
<div class="section-content">
<div class="section-title">
<h2>更多优惠活动</h2>
</div>
<div class="product-event">
<div class="event-item">
<h4 class="event-name">1核1G 轻量型云服务器</h4>
<div class="event-des">适用于小型网站和小型Web应用程序</div>
<div class="event-buy">
<a href="javascript:;" class="buy-dcim-btn">
<div class="btn btn-normal event-btn">立即前往</div>
</a>
</div>
</div>
<div class="event-item">
<h4 class="event-name">1核1G 轻量型云服务器</h4>
<div>适用于小型网站和小型Web应用程序</div>
<div class="event-buy">
<a href="javascript:;" class="buy-dcim-btn">
<div class="btn btn-normal event-btn">立即前往</div>
</a>
</div>
</div>
<div class="event-item">
<h4 class="event-name">1核1G 轻量型云服务器</h4>
<div>适用于小型网站和小型Web应用程序</div>
<div class="event-buy">
<a href="javascript:;" class="buy-dcim-btn">
<div class="btn btn-normal event-btn">立即前往</div>
</a>
</div>
</div>
</div>
</div>
</section>
{/if}
<!-- 高效能 -->
<!-- <section class="section section-bg product-performance">
<div class="section-content">
<div class="section-title">
<h2>产品特性</h2>
</div>
<div class="performance">
<div class="performance-left performance-left2 flex1"><img src="/web/BlackFruit-web/assets/img/dedicated/dedicated-5.png" alt="">
</div>
<div class="performance-right flex1">
<div class="performance-item active">
<div class=""><img src="/web/BlackFruit-web/assets/img/dedicated/grouo-1.png" alt=""></div>
<div class="">
<h5 class="font18">可定制硬件</h5>
<div class="desc">硬件配置可随时更换或扩容,免费定期硬件维保,安全放心。</div>
</div>
</div>
<div class="performance-item active">
<div class=""><img src="/web/BlackFruit-web/assets/img/dedicated/grouo-2.png" alt=""></div>
<div class="">
<h5 class="font18">资源独享</h5>
<div class="desc">完全独享CPU、内存、磁盘、网络等计算资源拥有卓越计算性能。</div>
</div>
</div>
<div class="performance-item active">
<div class=""><img src="/web/BlackFruit-web/assets/img/dedicated/grouo-3.png" alt=""></div>
<div class="">
<h5 class="font18">智能管理</h5>
<div class="desc">一键式远程执行服务器的重启、开关机命令,敏捷高效。</div>
</div>
</div>
<div class="performance-item active">
<div class=""><img src="/web/BlackFruit-web/assets/img/dedicated/grouo-4.png" alt=""></div>
<div class="">
<h5 class="font18">可视化监管</h5>
<div class="desc">自动生成可视化流量统计图,实时监控带宽速率、流量消耗情况。</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- 高效上云 -->
<!-- <section class="section product-efficient">
<div class="section-content">
<div class="section-title">
<h2>应用场景</h2>
</div>
<div class="efficient mt-50 fboxWrap">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#tabs-efficient-1" aria-controls="tabs-efficient-1" role="tab" data-toggle="tab">
<img src="/web/BlackFruit-web/assets/img/dedicated/efficient-1.png" alt="">
高性能计算
</a>
</li>
<li role="presentation">
<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
<img src="/web/BlackFruit-web/assets/img/dedicated/efficient-2.png" alt="">
核心数据库
</a>
</li>
<li role="presentation">
<a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">
<img src="/web/BlackFruit-web/assets/img/dedicated/efficient-3.png" alt="">
高数据安全
</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tabs-efficient tab-pane active" id="tabs-efficient-1">
<div class="tab-box">
<div class="tabs-content">
<div class="layout-paragraph">
<h5 class="layout-title">需求场景</h5>
<p>超算中心、数据分析等高性能计算场景,数据处理量大,对服务器的计算性能、稳定性、实时性等要求很高。</p>
</div>
<div class="layout-paragraph">
<h5 class="layout-title">应用成果 </h5>
<div class="layout-paragraph-s">
<p>独占资源</p>
<p class="layout-desc">独占计算资源,无资源争抢。</p>
</div>
<div class="layout-paragraph-s">
<p>强劲性能</p>
<p class="layout-desc">全新硬件设备,提供强大计算能力。</p>
</div>
<div class="layout-paragraph-s">
<p>无虚拟化损失</p>
<p class="layout-desc">机器无虚拟化开销,用户使用全部计算能力。</p>
</div>
</div>
</div>
<div class="tabs-img">
<img src="/web/BlackFruit-web/assets/img/product/dedicated-1.png" alt="">
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="profile">
<div role="tabpanel" class="tabs-efficient tab-pane active" id="tabs-efficient-1">
<div class="tab-box">
<div class="tabs-content">
<div class="layout-paragraph">
<h5 class="layout-title">需求场景</h5>
<p>某些关键的数据库业务不能部署在虚拟机上,必须通过资源专享、网络隔离、性能有保障的物理裸机承载。</p>
</div>
<div class="layout-paragraph">
<h5 class="layout-title">应用成果 </h5>
<div class="layout-paragraph-s">
<p>安全隔离</p>
<p class="layout-desc">CPU、内存、磁盘、网络等计算资源完全隔离。</p>
</div>
<div class="layout-paragraph-s">
<p>高数据可靠</p>
<p class="layout-desc">可根据业务需求随时扩容。</p>
</div>
</div>
</div>
<div class="tabs-img">
<img src="/web/BlackFruit-web/assets/img/product/dedicated-2.png" alt="">
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="messages">
<div role="tabpanel" class="tabs-efficient tab-pane active" id="tabs-efficient-1">
<div class="tab-box">
<div class="tabs-content">
<div class="layout-paragraph">
<h5 class="layout-title">需求场景</h5>
<p>金融、证券等行业对业务部署的合规性,以及某些客户对数据安全有极高的要求。</p>
</div>
<div class="layout-paragraph">
<h5 class="layout-title">应用成果 </h5>
<div class="layout-paragraph-s">
<p>安全合规</p>
<p class="layout-desc">用户独享物理隔离的计算资源。</p>
</div>
<div class="layout-paragraph-s">
<p>专线接入</p>
<p class="layout-desc">专线网络保障数据传输安全稳定。</p>
</div>
</div>
</div>
<div class="tabs-img">
<img src="/web/BlackFruit-web/assets/img/product/dedicated-3.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- 使用帮助 -->
<!-- <section class="section product-help">
<div class="section-content">
<div class="section-title">
<h2>使用帮助</h2>
</div>
<div class="help mt-50 fboxRow">
<div class="help-box">
<div class="help-head fboxRow Xbetween">
<h4>快速入门</h4>
<a href="document.html" class="font14">查看更多 <span class="iconfont icon-arrow-right"></span></a>
</div>
<div class="mt-30 font-el1">
<a href="document.html">- 什么是物理裸机</a>
</div>
<div class="mt-16 font-el1">
<a href="document.html">- 物理裸机的优势</a>
</div>
<div class="mt-16 font-el1">
<a href="document.html">- 购买指南</a>
</div>
</div>
<div class="help-box">
<div class="help-head fboxRow Xbetween">
<h4>用户指南</h4>
<a href="document.html" class="font14">查看更多 <span class="iconfont icon-arrow-right"></span></a>
</div>
<div class="mt-30 font-el1">
<a href="document.html">- 创建物理裸机</a>
</div>
<div class="mt-16 font-el1">
<a href="document.html">- 远程登录方式</a>
</div>
<div class="mt-16 font-el1">
<a href="document.html">- 服务器续订</a>
</div>
</div>
<div class="help-box">
<div class="help-head fboxRow Xbetween">
<h4>常见问题</h4>
<a href="document.html" class="font14">查看更多 <span class="iconfont icon-arrow-right"></span></a>
</div>
<div class="mt-30 font-el1">
<a href="document.html">- 创建一台物理裸机需要多长时间</a>
</div>
<div class="mt-16 font-el1">
<a href="document.html">- 为什么无法连接物理裸机</a>
</div>
<div class="mt-16 font-el1">
<a href="document.html">- 物理裸机能否更换操作系统</a>
</div>
</div>
</div>
</div>
</section> -->
{include file="footer"}