yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重构样式
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2025-12-25 14:01:36 +08:00
parent 8d862e3a11
commit 46adb018e0
8 changed files with 433 additions and 345 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
index.html
View File

@@ -18,7 +18,8 @@
<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='/web/BlackFruit-web/assets/img/index/1@2x.png'}');">
<div class="swiper-slide"
style="background-image: url('{$value.img|default='/web/BlackFruit-web/assets/img/index/1@2x.png'}');">
<div class="section-content">
<div class="title-wrapper">
{if !empty($value.tags)}
@@ -43,11 +44,8 @@
{/if}
{if !empty($value.button_text)}
<a
class="btn btn2 btn-normal"
href="{$value.button_link|default=$value.url|default='javascript:;'}"
{if !empty($value.button_blank) || !empty($value.blank)}target="_blank"{/if}
>
<a class="btn btn2 btn-normal" href="{$value.button_link|default=$value.url|default='javascript:;'}" {if
!empty($value.button_blank) || !empty($value.blank)}target="_blank" {/if}>
{$value.button_text}
</a>
{/if}
@@ -101,28 +99,32 @@
<div class="banner-s">
<div class="section-content banner-list">
<div class="banner-item" id="cloud-box">
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon"
class="banner-item-icon">
<div class="banner-item-content">
<h5>新用户最低可<span class="highlight">5折</span>优惠</h5>
<p class="title-desc mt-10 mb-10">无数个人用户的共同选择</p>
</div>
</div>
<div class="banner-item" id="domain-box">
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon"
class="banner-item-icon">
<div class="banner-item-content">
<h5>域名<span class="highlight">低至9元</span>起</h5>
<p class="title-desc mt-10 mb-10">优选主流域名注册服务</p>
</div>
</div>
<div class="banner-item" id="cps-box">
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon"
class="banner-item-icon">
<div class="banner-item-content">
<h5>推广最高<span class="highlight">30%</span>佣金</h5>
<p class="title-desc mt-10 mb-10">多种产品高额返佣</p>
</div>
</div>
<div class="banner-item" id="logon-box">
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon" class="banner-item-icon">
<img src="/web/BlackFruit-web/assets/picture_DyJDf/remoteL17140335436547.png" alt="icon"
class="banner-item-icon">
<div class="banner-item-content">
<h5>注册送<span class="highlight">2000元</span>礼包</h5>
<p class="title-desc mt-10 mb-10">免费注册领取专属礼包</p>
@@ -461,6 +463,38 @@
</div>
<div class="honor-list" id="certBox">
<!-- 荣誉证书动态插入这里 -->
{if ( isset($data.honor) ) }
{foreach $data.honor as $key=>$value}
<div class="honor-item">
<div class="honor-icon">
<img src="{$value.img}" alt="{$value.name}">
</div>
<h4 class="honor-name">{$value.name}</h4>
</div>
{/foreach}
{/if}
</div>
</div>
</div>
<!-- 合作伙伴 -->
<div class="honor-section partner-section" style="background-color: #f8f9fa;">
<div class="section-content">
<div class="honor-title">
<h3>合作伙伴</h3>
<p class="honor-subtitle">携手共进，合作共赢</p>
</div>
<div class="honor-list" id="partnerBox">
{if ( isset($data.partner) ) }
{foreach $data.partner as $key=>$value}
<div class="honor-item">
<div class="honor-icon">
<img src="{$value.img}" alt="{$value.name}">
</div>
<h4 class="honor-name">{$value.name}</h4>
</div>
{/foreach}
{/if}
</div>
</div>
</div>
@@ -498,13 +532,13 @@
</section>
<div style="height: 0;">
<img id="viewer" alt="" style="display: none;">
<div class="d-none">
<img id="viewer" alt="">
</div>
<script>
// 回到顶部功能
$(document).ready(function() {
$(document).ready(function () {
// 点击回到顶部
$("#backTop").click(function () {
$("html, body").animate({ scrollTop: 0 }, 300);
@@ -526,4 +560,4 @@
});
</script>
{include file="footer"}
{include file="footer"}