60ebfede6c
All checks were successful
continuous-integration/drone/push Build is passing
- 批量删除所有文件中的 /web/BlackFruit-web/ 前缀 - 将相对路径改为绝对路径（以 / 开头） - 修改范围： - /assets/ 资源路径 - /css/ 样式文件路径 - /js/ 脚本文件路径 - /common/ 公共资源路径 - /vender/ 第三方库路径 - 解决部署后所有静态资源 404 的问题 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
781 lines
36 KiB
HTML
781 lines
36 KiB
HTML
{include file="header"}
|
||
<link rel="stylesheet" href="/css/product.css">
|
||
<script src="/js/product.js"></script>
|
||
<script src="/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-cloud product-banner">
|
||
<div class="section-content">
|
||
<!-- <h1>云服务器</h1>
|
||
<p class="server-banner-desc">云服务器，是一种安全可靠、管理便捷的弹性计算服务，您可以根据不断发展的业务需求随时扩展或缩减计算资源，并只需按实际使用的资源付费，降本增效。</p>
|
||
<div class="btn btn2 btn-normal buy-cloud">立即购买</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">{:implode(' / ', $cv.system_disk)}</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="/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">50GB / 100GB</span>
|
||
</p>
|
||
<p>
|
||
<span class="config-lable">带宽</span>
|
||
<span class="config-value">1M / 3M / 5M</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="/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">50GB / 100GB</span>
|
||
</p>
|
||
<p>
|
||
<span class="config-lable">带宽</span>
|
||
<span class="config-value">1M / 3M / 5M</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="/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">50GB / 100GB</span>
|
||
</p>
|
||
<p>
|
||
<span class="config-lable">带宽</span>
|
||
<span class="config-value">1M / 3M / 5M</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="/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">50GB / 100GB</span>
|
||
</p>
|
||
<p>
|
||
<span class="config-lable">带宽</span>
|
||
<span class="config-value">1M / 3M / 5M</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="/assets/img/comment/shoppingCar.svg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- 无忧上云 -->
|
||
<section class="section product-cloud">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>产品优势</h2>
|
||
<div class="section-desc">服务集成，专业支撑，帮助您快速部署云端业务</div>
|
||
</div>
|
||
<div class="cloud">
|
||
<div class="cloud-box">
|
||
<div><img src="/assets/img/cloud/cloud-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="/assets/img/cloud/cloud-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="/assets/img/cloud/cloud-3.png" alt=""></div>
|
||
<div class="cloud-box-cont mt-15">
|
||
<h4>稳定可靠</h4>
|
||
<div class="mt-15">主题云单个服务器可用性达99.99%，云硬盘数据持续性99.9999999%，运行环境稳定可靠，有效保证数据与服务的高可用性。</div>
|
||
</div>
|
||
</div>
|
||
<div class="cloud-box">
|
||
<div><img src="/assets/img/cloud/cloud-4.png" alt=""></div>
|
||
<div class="cloud-box-cont mt-15">
|
||
<h4>高性价比</h4>
|
||
<div class="mt-15">支持灵活选择资源配置，后期可随时根据业务需求调整实例规格，极大节省了前期搭建基础网络设施的成本和后期的维护成本。</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-cloud">
|
||
<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-cloud">
|
||
<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-cloud">
|
||
<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 class="section-desc">高效能弹性计算服务，助推企业数智发展</div>
|
||
</div>
|
||
<div class="performance">
|
||
<div class="performance-left flex1"><img src="/assets/img/cloud/cloud-5.png" alt=""></div>
|
||
<div class="performance-right flex1">
|
||
<div class="performance-item active">
|
||
<div class=""><img src="/assets/img/product/cloud-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="/assets/img/product/cloud-2.png" alt=""></div>
|
||
<div class="">
|
||
<h5 class="font18">弹性灵活</h5>
|
||
<div class="desc">支持随时扩展或缩减实例配置，精确匹配业务诉求，助您低成本轻松上云。</div>
|
||
</div>
|
||
</div>
|
||
<div class="performance-item active">
|
||
<div class=""><img src="/assets/img/product/cloud-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="/assets/img/product/cloud-4.png" alt=""></div>
|
||
<div class="">
|
||
<h5 class="font18">智能调度</h5>
|
||
<div class="desc">基于主题云大规模分布式集群下的智能调度，实现节点故障无感秒级迁移。</div>
|
||
</div>
|
||
</div>
|
||
<div class="performance-item active">
|
||
<div class=""><img src="/assets/img/product/cloud-5.png" alt=""></div>
|
||
<div class="">
|
||
<h5 class="font18">管理简单</h5>
|
||
<div class="desc">通过控制台直接操控多台云服务器，就像管理您的计算机一样简单方便。</div>
|
||
</div>
|
||
</div>
|
||
<div class="performance-item active">
|
||
<div class=""><img src="/assets/img/product/cloud-6.png" alt=""></div>
|
||
<div class="">
|
||
<h5 class="font18">高效计算能力</h5>
|
||
<div class="desc">多规格自选，单实例最高可选择128vCPU，内存512GB，满足高端计算需求。</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
|
||
<!-- 高效上云 -->
|
||
<!-- <section class="section product-efficient">
|
||
<div class="section-content">
|
||
<div class="section-title">
|
||
<h2>应用场景</h2>
|
||
<div class="section-desc">赋能多元化场景应用，全方位探索云上新生态</div>
|
||
</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="/assets/img/cloud/efficient-1.png" alt="">
|
||
网站应用
|
||
</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
|
||
<img src="/assets/img/cloud/efficient-2.png" alt="">
|
||
互动平台
|
||
</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">
|
||
<img src="/assets/img/cloud/efficient-3.png" alt="">
|
||
电子商务
|
||
</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">
|
||
<img src="/assets/img/cloud/efficient-4.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>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>后期运维过于专业，缺乏专业人才。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>访问量不定时激增，传统服务器无法负荷，扩容成本高且造成资源浪费。</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">解决方案</h5>
|
||
<span class="layout-paragraph-tag">云服务器</span>
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">应用成果</h5>
|
||
<div class="layout-paragraph-s">
|
||
<p>轻量型云服务器，即开即用，一次性投入成本低，经济实惠。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>云服务器可弹性调整配置规格，秒级交付，灵活应对流量激增。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>多重安全防护，无需专人运维，有效保障业务安全稳定运行。</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="tabs-img">
|
||
<img src="/assets/img/product/cloud-7.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>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>传统服务器会造成卡顿、掉线等严重问题，影响用户体验。</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">解决方案</h5>
|
||
<span class="layout-paragraph-tag">云服务器</span>
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">应用成果</h5>
|
||
<div class="layout-paragraph-s">
|
||
<p>根据业务情况灵活选配高性能资源配置，灵活实惠。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>提供高I/O能力和快速的数据交换处理能力，给用户高清流畅的使用体验。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tabs-img">
|
||
<img src="/assets/img/product/cloud-8.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>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>促销期间访问流量暴增，系统响应慢，产品状态更新不及时，造成大量用户投诉。</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">解决方案</h5>
|
||
<span class="layout-paragraph-tag">云服务器</span>
|
||
</div>
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">应用成果</h5>
|
||
<div class="layout-paragraph-s">
|
||
<p>性能均衡的计算、内存与网络服务能力，在节省成本的同时提供有力的服务支撑。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>灵活调整实例数量，实现访问量高低峰时期的无缝转换。</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="tabs-img">
|
||
<img src="/assets/img/product/cloud-9.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div role="tabpanel" class="tab-pane" id="settings">
|
||
<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>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>业务数据量不断增大，对计算资源需求较大，带来成本压力。</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">解决方案</h5>
|
||
<span class="layout-paragraph-tag">云服务器</span>
|
||
</div>
|
||
|
||
<div class="layout-paragraph">
|
||
<h5 class="layout-title">应用成果</h5>
|
||
<div class="layout-paragraph-s">
|
||
<p>存储容量做到低成本、高可靠性，实现高清流畅的浏览体验。</p>
|
||
</div>
|
||
<div class="layout-paragraph-s">
|
||
<p>海量计算资源随开随用，弹性扩容，轻松适应不断增长的业务需求。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tabs-img">
|
||
<img src="/assets/img/product/cloud-10.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
</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">- 连接Linux实例</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"}
|