Files
BlackFruit-UI/domain.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

191 lines
7.1 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/product.css">
</head>
<body>
<header>{include file="public/header"}</header>
<section class="section server-banner banner-domain domain-search product-banner">
<div class="section-content ">
<h1>业务上云,从域名开始</h1>
<div class="input-search">
<input type="text" id="domain-input">
<div class="input-search-select fboxRow Xcenter Ycenter">
<div class="input-search-s">
<div class="input-search-text" id="default-suffix"></div>
<span class="iconfont icon-bottom"></span>
</div>
<div class="select-box fboxWrap animated fadeInUp">
<div class="fboxWrap" id="suffix-box">
</div>
</div>
</div>
<div class="search-btn">查询域名</div>
</div>
<!-- <div class="link-search-group">
<a href="" class="link-search-to">.com <span class="price">1元</span></a>
<a href="" class="link-search-to">.online <span class="price">8元</span></a>
<a href="" class="link-search-to">.info <span class="price">21元</span></a>
<a href="" class="link-search-to">.vip <span class="price">21元</span></a>
<a href="">价格总览<span class="iconfont icon-arrow-right"></span></a>
</div> -->
</div>
</section>
<!-- 热门组合 -->
<section class="section product-price">
<div class="section-content">
<div class="section-title">
<h2>产品价格</h2>
<div class="section-desc">多规格实例组合,轻松应对不同应用场景的个性化算力诉求</div>
</div>
<div class="price fboxRow">
<div class="price-item">
<h5>.com</h5>
<p class="title-desc">全球通用顶级域名</p>
<div class="fboxRow Xbetween">
<div class="money"><span class="font24 font-weight">68</span>/首年</div>
<a href="javascript:;" target="_blank" class="domain-url">
<div class="btn btn-normal ">立即购买</div>
</a>
</div>
</div>
<div class="price-item">
<h5>.cn</h5>
<p class="title-desc">更符合中文用户习惯</p>
<div class="fboxRow Xbetween">
<div class="money"><span class="font24 font-weight">28</span>/首年</div>
<a href="javascript:;" target="_blank" class="domain-url">
<div class="btn btn-normal ">立即购买</div>
</a>
</div>
</div>
<div class="price-item">
<h5>.net</h5>
<p class="title-desc">互联网界的顶流</p>
<div class="fboxRow Xbetween">
<div class="money"><span class="font24 font-weight">78</span>/首年</div>
<a href="javascript:;" target="_blank" class="domain-url">
<div class="btn btn-normal ">立即购买</div>
</a>
</div>
</div>
<div class="price-item more">
<a href="" target="_blank" class="domain-url">查看更多<span class="iconfont icon-arrow-right"></span></a>
</div>
</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="/assets/img/domain/domain-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/domain/domain-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/domain/domain-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="/assets/img/domain/domain-4.png" alt=""></div>
<div class="cloud-box-cont mt-15">
<h4>无忧服务</h4>
<div class="mt-15">7X24小时客户服务随时为您提供全方位高品质服务方案让您售前省心、售后无忧。
</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>
<script src="/js/domain.js"></script>
{include file="footer"}