You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
4.5 KiB
138 lines
4.5 KiB
#set(seoTitle="贝塔网络官方产品")
|
|
#@officialLayout()
|
|
#define main()
|
|
<!-- Start Breadcrumbs -->
|
|
<div class="breadcrumbs">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2 col-md-12 col-12">
|
|
<div class="breadcrumbs-content">
|
|
<h1 class="page-title">产品中心</h1>
|
|
</div>
|
|
<ul class="breadcrumb-nav">
|
|
<li><a href="#(SSL)/">首页</a></li>
|
|
<li>产品中心</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Breadcrumbs -->
|
|
|
|
<!-- Start Blog Singel Area -->
|
|
<section class="pricing-table section blog-section ">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-9 col-md-12 col-12">
|
|
<ul class="nav nav-pills">
|
|
<li class="nav-item">
|
|
<button type="button" class="nav-link btn active" aria-current="page" href="#">全部</button>
|
|
</li>
|
|
<li class="nav-item">
|
|
<button type="button" class="nav-link btn btn-link" href="#">套餐一</button>
|
|
</li>
|
|
<li class="nav-item">
|
|
<button type="button" class="nav-link btn btn-link" href="#">套餐二</button>
|
|
</li>
|
|
</ul>
|
|
<div class="row mt-3">
|
|
#for(x : productPage.list)
|
|
<div class="col-lg-4 col-md-6 col-12 mb-3">
|
|
<div class="card border-0 rounded-0 shadow">
|
|
<div class="card-body mt-3 mb-3">
|
|
<div class="row">
|
|
<div class="col-10">
|
|
<h4 class="card-title">#(x.name)</h4>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item">CPU: #(x.cpuName)</li>
|
|
<li class="list-group-item">内存：#(x.memoryCapacity)</li>
|
|
<li class="list-group-item">显卡：#(x.graphicsCardModel)</li>
|
|
<li class="list-group-item">硬盘：#(x.dataDiskCapacity)</li>
|
|
<li class="list-group-item">网络：#(x.downloadSpeed)</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-2">
|
|
<i class="bi bi-bookmark-plus fs-2"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row align-items-center text-center g-0">
|
|
<div class="col-5">
|
|
<h5>$129</h5>
|
|
</div>
|
|
<div class="col-7">
|
|
<a href="/order/#(x.id)" class="btn btn-dark w-100 p-2 rounded-0 text-warning">立即购买</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
#end
|
|
</div>
|
|
</div>
|
|
<aside class="col-lg-3 col-md-12 col-12">
|
|
<div class="sidebar blog-grid-page">
|
|
<!-- Start Single Widget -->
|
|
<div class="widget popular-feeds">
|
|
<h5 class="widget-title">今日特价</h5>
|
|
<div class="popular-feed-loop">
|
|
<div class="single-popular-feed">
|
|
<div class="feed-desc">
|
|
<a href="javascript:void(0)" class="cetagory">Creative</a>
|
|
<h6 class="post-title"><a href="blog-single-sidebar.html">Bringing Great Design
|
|
Ideas To Completion</a></h6>
|
|
<span class="time"><i class="lni lni-calendar"></i> 05th Nov 2023</span>
|
|
</div>
|
|
</div>
|
|
<div class="single-popular-feed">
|
|
<div class="feed-desc">
|
|
<a href="javascript:void(0)" class="cetagory">Jobs</a>
|
|
<h6 class="post-title"><a href="blog-single-sidebar.html">Live Life Smart And
|
|
Focus On The Positive</a></h6>
|
|
<span class="time"><i class="lni lni-calendar"></i> 24th March 2023</span>
|
|
</div>
|
|
</div>
|
|
<div class="single-popular-feed">
|
|
<div class="feed-desc">
|
|
<a href="javascript:void(0)" class="cetagory">Marketing</a>
|
|
<h6 class="post-title"><a href="blog-single-sidebar.html">We’re currently
|
|
acceping new projects.</a></h6>
|
|
<span class="time"><i class="lni lni-calendar"></i> 30th Jan 2023</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Single Widget -->
|
|
|
|
<!-- Start Single Widget -->
|
|
<div class="widget help-call">
|
|
<h5 class="widget-title">联系方式</h5>
|
|
<div class="inner">
|
|
<h3>
|
|
<span>+(123) 456-78-90</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<!-- End Single Widget -->
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Blog Singel Area -->
|
|
#end
|
|
|
|
#define js()
|
|
|
|
<!-- ========================= JS here ========================= -->
|
|
<script src="/assets/official/js/bootstrap.min.js"></script>
|
|
<script src="/assets/official/js/wow.min.js"></script>
|
|
<script src="/assets/official/js/tiny-slider.js"></script>
|
|
<script src="/assets/official/js/glightbox.min.js"></script>
|
|
<script src="/assets/official/js/main.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
|
|
});
|
|
</script>
|
|
#end
|
|
|