Files
BlackFruit-UI/solution.html
yiqiu 60ebfede6c
All checks were successful
continuous-integration/drone/push Build is passing
修复图片路径问题:删除 /web/BlackFruit-web/ 前缀
- 批量删除所有文件中的 /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>
2025-12-25 15:40:46 +08:00

223 lines
10 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="/css/extend.css">
<script src="/js/tools.js"></script>
</head>
<body>
<header>{include file="public/header"}</header>
<section class="section server-banner2">
<div class="section-content">
<h1>电商行业解决方案</h1>
<p class="server-banner-desc ">
为电商客户快速交付高稳定性、高可靠性、高弹性的实例配置,支持灵活扩容、缩容,有效应对大促带来的业务高并发问题,强化安全防护能力,助力电商客户快速实现营销创新与业务增收。</p>
<div class="btn btn2 btn-normal">查看详情</div>
</div>
</section>
<!-- 行业趋势 -->
<section class="section solution-trend">
<div class="section-content">
<div class="section-title">
<h2>行业趋势</h2>
</div>
<div class="trend fboxRow">
<div class="trend-box">
<img src="" alt="">
<h4 class="mt-40">平台内容化</h4>
<p>信息流让线上营销更加精准多元,帮助电商平台通过大数据把握消费者所有特征,明确该为哪类消费者提供什么样的商品和服务,做好市场细分。</p>
</div>
<div class="trend-box">
<img src="" alt="">
<h4 class="mt-40">信息流数字化</h4>
<p>行业以KOL、模式创新和主导权争夺为代表的的动态竞争为主云计算、人工智能、虚拟现实等数字技术快速发展正驱动着新一轮电子商务产业创新。</p>
</div>
<div class="trend-box">
<img src="" alt="">
<h4 class="mt-40">竞争非常态</h4>
<p>内容成为电商平台必备的基础设施,驱动网络零售市场从以“商品”为中心到以“人的需求”为中心加速转变,通过人格化的认同及信任促进商品销售。</p>
</div>
<div class="trend-box">
<img src="" alt="">
<h4 class="mt-40">规模不断扩张</h4>
<p>跨境电商较传统销售模式,减少了外贸中间环节,为国货出海提供了更高效简便的渠道,随着相关产业链一体化的不断完善,跨境电商行业正蓬勃发展。</p>
</div>
</div>
</div>
</section>
<!-- 典型场景 -->
<section class="section solution-scene">
<div class="section-content">
<div class="section-title">
<h2>典型场景</h2>
</div>
<div class="hot mt-20">
<div class="swiper-container gallery-thumbs ">
<div class="swiper-wrapper jr-tabs Xcenter">
<div class="swiper-slide title active ">电商上云</div>
<div class="swiper-slide title">云上容灾</div>
<div class="swiper-slide title">平台大促</div>
<div class="swiper-slide title">电商直播</div>
<div class="swiper-slide title">社交电商</div>
</div>
</div>
<!-- 内容 -->
<div class="swiper-container gallery-top " style="overflow: hidden;">
<div class="swiper-wrapper ">
<div class="swiper-slide scene-box">
<div><img src="" alt=""></div>
<div class="scene-cont">
<h4>云上容灾</h4>
<p class="mt-40">主题云在国内以及海外均部署了大量集群通过DNS智能调度任意节点发生故障均能无缝切换至其他节点。</p>
<p class="mt-30">提供三副本容灾方案,并支持实时热备、读写分离存储方案,有效提升电商平台的高可用性与电商业务的连续性。</p>
</div>
</div>
<div class="swiper-slide scene-box">
<div><img src="" alt=""></div>
<div class="scene-cont">
<h4>云上容灾</h4>
<p class="mt-40">主题云在国内以及海外均部署了大量集群通过DNS智能调度任意节点发生故障均能无缝切换至其他节点。</p>
<p class="mt-30">提供三副本容灾方案,并支持实时热备、读写分离存储方案,有效提升电商平台的高可用性与电商业务的连续性。</p>
</div>
</div>
<div class="swiper-slide scene-box">
<div><img src="" alt=""></div>
<div class="scene-cont">
<h4>云上容灾</h4>
<p class="mt-40">主题云在国内以及海外均部署了大量集群通过DNS智能调度任意节点发生故障均能无缝切换至其他节点。</p>
<p class="mt-30">提供三副本容灾方案,并支持实时热备、读写分离存储方案,有效提升电商平台的高可用性与电商业务的连续性。</p>
</div>
</div>
<div class="swiper-slide scene-box">
<div><img src="" alt=""></div>
<div class="scene-cont">
<h4>云上容灾</h4>
<p class="mt-40">主题云在国内以及海外均部署了大量集群通过DNS智能调度任意节点发生故障均能无缝切换至其他节点。</p>
<p class="mt-30">提供三副本容灾方案,并支持实时热备、读写分离存储方案,有效提升电商平台的高可用性与电商业务的连续性。</p>
</div>
</div>
<div class="swiper-slide scene-box">
<div><img src="" alt=""></div>
<div class="scene-cont">
<h4>云上容灾</h4>
<p class="mt-40">主题云在国内以及海外均部署了大量集群通过DNS智能调度任意节点发生故障均能无缝切换至其他节点。</p>
<p class="mt-30">提供三副本容灾方案,并支持实时热备、读写分离存储方案,有效提升电商平台的高可用性与电商业务的连续性。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 一小步,大未来 -->
<section class="section solution-advantage">
<div class="section-content advantage">
<div class="section-title">
<h2>产品特征</h2>
</div>
<div class="advantage-list ">
<div class="advantage-box">
<img src="" alt="">
<h5 class="mt-30">降低技术门槛</h5>
<p class="mt-20">直接复用主题云电商技术架构,有效降低电商企业使用云计算、大数据、人工智能等新技术的使用门槛。</p>
</div>
<div class="advantage-box">
<img src="" alt="">
<h5 class="mt-30">降低技术门槛</h5>
<p class="mt-20">直接复用主题云电商技术架构,有效降低电商企业使用云计算、大数据、人工智能等新技术的使用门槛。</p>
</div>
<div class="advantage-box">
<img src="" alt="">
<h5 class="mt-30">降低技术门槛</h5>
<p class="mt-20">直接复用主题云电商技术架构,有效降低电商企业使用云计算、大数据、人工智能等新技术的使用门槛。</p>
</div>
<div class="advantage-box">
<img src="" alt="">
<h5 class="mt-30">降低技术门槛</h5>
<p class="mt-20">直接复用主题云电商技术架构,有效降低电商企业使用云计算、大数据、人工智能等新技术的使用门槛。</p>
</div>
</div>
</div>
</section>
<!-- 一小步,大未来 -->
<section class="section solution-future">
<div class="section-content fboxWrap">
<div class="flex2 fboxRow Ycenter Xcenter">
<h2 class="font38">一小步,大未来</h2>
</div>
<div class="solution-contact flex3">
<h5 class="tc mb-40">1V1专席服务为您定制个性化上云方案</h5>
<form class="form-horizontal">
<div class="fboxRow">
<div class="form-group flex1">
<label for="inputEmail3" class="col-sm-4 control-label">联系人</label>
<div class="col-sm-8">
<input type="email" class="form-control" id="inputEmail3" placeholder="">
</div>
</div>
<div class="form-group flex1">
<label for="inputEmail3" class="col-sm-4 control-label">公司名称</label>
<div class="col-sm-8">
<input type="email" class="form-control" id="inputEmail3" placeholder="">
</div>
</div>
</div>
<div class="fboxRow">
<div class="form-group flex1">
<label for="inputEmail3" class="col-sm-4 control-label">手机号码</label>
<div class="col-sm-8">
<input type="email" class="form-control" id="inputEmail3" placeholder="">
</div>
</div>
<div class="form-group flex1">
<label for="inputEmail3" class="col-sm-4 control-label">联系邮箱</label>
<div class="col-sm-8">
<input type="email" class="form-control" id="inputEmail3" placeholder="">
</div>
</div>
</div>
<!-- <div class="form-group ">
<label for="inputEmail3" class="col-sm-2 control-label">咨询产品</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="">
</div>
</div> -->
<div class="form-group ">
<label for="inputEmail3" class="col-sm-2 control-label">咨询产品</label>
<div class="col-sm-10">
<textarea type="email" class="form-control" rows="3" id="inputEmail3" placeholder="">
</textarea>
</div>
</div>
<div class="form-group mt-30">
<div class="col-sm-offset-2 col-sm-10 tc">
<button type="submit" class="btn btn-dark">提交</button>
</div>
</div>
</form>
</div>
</div>
</section>
{include file="footer"}