This commit is contained in:
yiqiu
215
index.html
215
index.html
@@ -18,8 +18,7 @@
|
||||
<div class="swiper-wrapper">
|
||||
{if ( isset($data.banner) ) }
|
||||
{foreach $data.banner as $key=>$value}
|
||||
<div class="swiper-slide"
|
||||
style="background-image: url('{$value.img|default='assets/img/index/1@2x.png'}');">
|
||||
<div class="swiper-slide" style="background-image: url('{$value.img|default='assets/img/index/1@2x.png'}');">
|
||||
<div class="section-content">
|
||||
<div class="title-wrapper">
|
||||
{if !empty($value.tags)}
|
||||
@@ -141,100 +140,124 @@
|
||||
<h3>热销产品推荐</h3>
|
||||
<p class="subtitle">高性价比云服务器，助力您的业务快速上云</p>
|
||||
</div>
|
||||
<div class="products-table-wrapper">
|
||||
<table class="products-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>产品名称</th>
|
||||
<th>CPU</th>
|
||||
<th>内存</th>
|
||||
<th>带宽</th>
|
||||
<th>系统盘</th>
|
||||
<th>价格</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td data-label="产品名称">
|
||||
<div class="product-name">
|
||||
<span>香港弹性云</span>
|
||||
<span class="product-tag">热销</span>
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="CPU">2核</td>
|
||||
<td data-label="内存">2G</td>
|
||||
<td data-label="带宽">3M</td>
|
||||
<td data-label="系统盘">50G SSD</td>
|
||||
<td data-label="价格">
|
||||
<div class="product-price">
|
||||
29.9<span class="unit">/月</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="product-action" data-label="操作">
|
||||
<a href="./cloud.html" class="btn-buy">立即购买</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="产品名称">
|
||||
<div class="product-name">
|
||||
<span>美国高防云</span>
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="CPU">4核</td>
|
||||
<td data-label="内存">4G</td>
|
||||
<td data-label="带宽">5M</td>
|
||||
<td data-label="系统盘">80G SSD</td>
|
||||
<td data-label="价格">
|
||||
<div class="product-price">
|
||||
59.9<span class="unit">/月</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="product-action" data-label="操作">
|
||||
<a href="./cloud.html" class="btn-buy">立即购买</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="产品名称">
|
||||
<div class="product-name">
|
||||
<span>新加坡CN2云</span>
|
||||
<span class="product-tag">推荐</span>
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="CPU">4核</td>
|
||||
<td data-label="内存">8G</td>
|
||||
<td data-label="带宽">10M</td>
|
||||
<td data-label="系统盘">100G SSD</td>
|
||||
<td data-label="价格">
|
||||
<div class="product-price">
|
||||
99.9<span class="unit">/月</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="product-action" data-label="操作">
|
||||
<a href="./cloud.html" class="btn-buy">立即购买</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="产品名称">
|
||||
<div class="product-name">
|
||||
<span>日本BGP云</span>
|
||||
</div>
|
||||
</td>
|
||||
<td data-label="CPU">8核</td>
|
||||
<td data-label="内存">16G</td>
|
||||
<td data-label="带宽">20M</td>
|
||||
<td data-label="系统盘">200G SSD</td>
|
||||
<td data-label="价格">
|
||||
<div class="product-price">
|
||||
199.9<span class="unit">/月</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="product-action" data-label="操作">
|
||||
<a href="./cloud.html" class="btn-buy">立即购买</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="products-grid">
|
||||
<!-- 产品卡片 1 -->
|
||||
<div class="product-card">
|
||||
<div class="product-card-header">
|
||||
<h4 class="product-name">香港弹性云</h4>
|
||||
<div class="product-badges">
|
||||
<span class="product-badge badge-hot">热销</span>
|
||||
<span class="product-badge badge-promo">V0新春专享</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="product-desc">稳定、安全、高效、易用，可存储任意类型和形式的非结构化数据</p>
|
||||
<div class="product-specs">
|
||||
<span class="spec-item">2核CPU</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">2G内存</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">3M带宽</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">50G SSD</span>
|
||||
</div>
|
||||
<div class="product-pricing">
|
||||
<div class="price-main">
|
||||
<span class="price-currency">¥</span>
|
||||
<span class="price-value">29.9</span>
|
||||
<span class="price-original">原价¥59.8</span>
|
||||
</div>
|
||||
<span class="price-limit">限购1台</span>
|
||||
</div>
|
||||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||||
</div>
|
||||
|
||||
<!-- 产品卡片 2 -->
|
||||
<div class="product-card">
|
||||
<div class="product-card-header">
|
||||
<h4 class="product-name">美国高防云</h4>
|
||||
<div class="product-badges">
|
||||
<span class="product-badge badge-promo">V0新春专享</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="product-desc">稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据</p>
|
||||
<div class="product-specs">
|
||||
<span class="spec-item">4核CPU</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">4G内存</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">5M带宽</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">80G SSD</span>
|
||||
</div>
|
||||
<div class="product-pricing">
|
||||
<div class="price-main">
|
||||
<span class="price-currency">¥</span>
|
||||
<span class="price-value">59.9</span>
|
||||
<span class="price-original">原价¥119.8</span>
|
||||
</div>
|
||||
<span class="price-limit">限购1台</span>
|
||||
</div>
|
||||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||||
</div>
|
||||
|
||||
<!-- 产品卡片 3 -->
|
||||
<div class="product-card">
|
||||
<div class="product-card-header">
|
||||
<h4 class="product-name">新加坡CN2云</h4>
|
||||
<div class="product-badges">
|
||||
<span class="product-badge badge-recommend">推荐</span>
|
||||
<span class="product-badge badge-promo">V0新春专享</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="product-desc">稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据</p>
|
||||
<div class="product-specs">
|
||||
<span class="spec-item">4核CPU</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">8G内存</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">10M带宽</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">100G SSD</span>
|
||||
</div>
|
||||
<div class="product-pricing">
|
||||
<div class="price-main">
|
||||
<span class="price-currency">¥</span>
|
||||
<span class="price-value">99.9</span>
|
||||
<span class="price-original">原价¥199.8</span>
|
||||
</div>
|
||||
<span class="price-limit">限购1台</span>
|
||||
</div>
|
||||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||||
</div>
|
||||
|
||||
<!-- 产品卡片 4 -->
|
||||
<div class="product-card">
|
||||
<div class="product-card-header">
|
||||
<h4 class="product-name">日本BGP云</h4>
|
||||
<div class="product-badges">
|
||||
<span class="product-badge badge-promo">V0新春专享</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="product-desc">稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据</p>
|
||||
<div class="product-specs">
|
||||
<span class="spec-item">8核CPU</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">16G内存</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">20M带宽</span>
|
||||
<span class="spec-divider">|</span>
|
||||
<span class="spec-item">200G SSD</span>
|
||||
</div>
|
||||
<div class="product-pricing">
|
||||
<div class="price-main">
|
||||
<span class="price-currency">¥</span>
|
||||
<span class="price-value">199.9</span>
|
||||
<span class="price-original">原价¥399.8</span>
|
||||
</div>
|
||||
<span class="price-limit">限购1台</span>
|
||||
</div>
|
||||
<a href="./cloud.html" class="product-buy-btn">立即购买</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user