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

254 lines
10 KiB
HTML

{include file="header"}
<link rel="stylesheet" href="/web/BlackFruit-web/css/product.css">
</head>
<body>
<header>{include file="public/header"}</header>
<section class="section domain-shop">
<div class="section-content">
<div class="shop-head">
<p> <span class="number">域名注册</span> <span class="ml-10 mr-10">|</span> 域名转入</p>
<div class="input-search">
<input type="text">
<div class="jr-select select-border">
<select class=" attr">
<option>.com</option>
<option>2</option>
</select>
</div>
<div class="search-btn">查询域名</div>
</div>
</div>
<div class="shop-content fboxRow">
<div class="shop-left flex1">
<div class="fboxRow Xbetween Ycenter mb-20">
<div class="fboxRow Ycenter ">
<h5 class="mr-20">查询结果</h5>
<p><span class="number">6</span>条,可注册<span class="number">6</span></p>
</div>
<div class="fboxRow Ycenter">
<div class="checkbox checkbox-info">
<input id="checkbox4" class="styled" type="checkbox">
<label for="checkbox4">
仅显示可注册域名
</label>
</div>
<div class="ml-10 font-grey">|</div>
<div class="jr-select select-border">
<select>
<option>筛选</option>
<option>2</option>
</select>
</div>
</div>
</div>
<div class="shop-list">
<div class="shop-item">
<div class="shop-item-left">
<span>ant.com</span>
<span class="font-gray ml-30">已注册</span>
<span class="font-gray ml-30">高科技,新技术领域首选</span>
</div>
<div class="shop-item-right fboxRow Ycenter">
<div class="fboxRow">
<span class="number">16.00 元/年</span>
<div class="icon-box">
<span class="iconfont ml-10 icon-bottom font12"></span>
<div class="table-price">
<div class="table-list table-head">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
<div class="table-list">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
<div class="table-list">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
</div>
</div>
</div>
<span class="item-right">whois信息</span>
</div>
</div>
<div class="shop-item">
<div class="shop-item-left">
<span>ant.com</span>
<span class="font-gray ml-30"><span class="number">未注册</span></span>
<span class="font-gray ml-30">高科技,新技术领域首选</span>
</div>
<div class="shop-item-right fboxRow Ycenter">
<div class="fboxRow">
<span class="number">16.00 元/年</span>
<div class="icon-box">
<span class="iconfont ml-10 icon-bottom font12"></span>
<div class="table-price">
<div class="table-list table-head">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
<div class="table-list">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
<div class="table-list">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
</div>
</div>
</div>
<div class="item-right add-car">加入购物车</div>
</div>
</div>
<div class="shop-item">
<div class="shop-item-left">
<span>ant.com</span>
<span class="font-gray ml-30">已注册</span>
<span class="font-gray ml-30">高科技,新技术领域首选</span>
</div>
<div class="shop-item-right fboxRow Ycenter">
<div class="fboxRow">
<span class="number">16.00 元/年</span>
<div class="icon-box">
<span class="iconfont ml-10 icon-bottom font12"></span>
<div class="table-price">
<div class="table-list table-head">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
<div class="table-list">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
<div class="table-list">
<div class="table-item">项目</div>
<div class="table-item">1年</div>
<div class="table-item">3年</div>
<div class="table-item">5年</div>
<div class="table-item">5年</div>
</div>
</div>
</div>
</div>
<div class="item-right add-car disabled">加入购物车</div>
</div>
</div>
</div>
</div>
<div class="shop-right ml-40">
<div class="shop-car">
<div class="shop-car-head fboxRow Xbetween">
<h5>购物车</h5>
<span class="font16">清空</span>
</div>
<div class="shop-car-content">
<div class="shop-car-box">
<div class="fboxRow Ycenter Xbetween">
<div class="checkbox checkbox-info">
<input id="checkbox4" class="styled" type="checkbox">
<label for="checkbox4">
仅显示可注册域名
</label>
</div>
<span class="remove">移除</span>
</div>
<div class="fboxRow Ycenter Xbetween mt-10">
<div>
<div class="jr-select">
<select>
<option>2 年</option>
</select>
</div>
</div>
<span class="number font16">16.00<span class="font14"></span></span>
</div>
</div>
<div class="shop-car-box">
<div class="fboxRow Ycenter Xbetween">
<div class="checkbox checkbox-info">
<input id="checkbox4" class="styled" type="checkbox">
<label for="checkbox4">
仅显示可注册域名
</label>
</div>
<span class="remove">移除</span>
</div>
<div class="fboxRow Ycenter Xbetween mt-10">
<div>
<div class="jr-select">
<select>
<option>2 年</option>
</select>
</div>
</div>
<span class="number font16">16.00<span class="font14"></span></span>
</div>
</div>
</div>
<div class="mt-30">
<div class="fboxRow Ycenter Xbetween">
<div>
<div class="checkbox checkbox-info">
<input id="checkbox4" class="styled" type="checkbox">
<label for="checkbox4">
全选
</label>
</div>
</div>
<p>
合计:
<span class="number font24 font-weight">16.00<span class="font14"></span></span>
</p>
</div>
</div>
</div>
<div class="shop-car-buy">立即购买</div>
</div>
</div>
</div>
</section>
{include file="footer"}