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

136
public/footer.html
View File

@@ -1,19 +1,23 @@
<div class="register-advert ">
<a href="regist.htm"><img class="img-responsive" src="/web/BlackFruit-web/assets/img/index/register@2x.png" alt=""></a>
<a href="regist.htm"><img class="img-responsive" src="/web/BlackFruit-web/assets/img/index/register@2x.png"
alt=""></a>
</div>
<div class=" section-promise">
<div class="promise section-content section-p">
<div class="promise-box"><img src="/web/BlackFruit-web/assets/img/index/promise-1.png"> <span class="ml-20">3天 无忧退款</span>
<div class="promise-box"><img src="/web/BlackFruit-web/assets/img/index/promise-1.png"> <span class="ml-20">3天
无忧退款</span>
</div>
<div class="promise-box"><img src="/web/BlackFruit-web/assets/img/index/promise-2.png"> <span class="ml-20">0元 免费备案</span>
<div class="promise-box"><img src="/web/BlackFruit-web/assets/img/index/promise-2.png"> <span class="ml-20">0元
免费备案</span>
</div>
<div class="promise-box"><img src="/web/BlackFruit-web/assets/img/index/promise-3.png"> <span class="ml-20">1V1 专属客服</span>
<div class="promise-box"><img src="/web/BlackFruit-web/assets/img/index/promise-3.png"> <span class="ml-20">1V1
专属客服</span>
</div>
<div class="promise-box"><img src="/web/BlackFruit-web/assets/img/index/promise-4.png"> <span class="ml-20">7*24
小时服务</span></div>
</div>
</div>
<div class="section-content section-p">
<footer class="section-content section-p">
<div class="footer-content">
@@ -76,68 +80,70 @@
</div>
</div>
<div class="footer-nav-box">
<div class="footer-nav-head">其他</div>
<div class="footer-nav-cont">
<div class="footer-nav-item">
<a class="link-hover" id="terms_service_url" href="{$data.terms_service_url|default='/agreement/service.html'}">用户协议</a>
</div>
<div class="footer-nav-item">
<a class="link-hover" id="terms_privacy_url" href="{$data.terms_privacy_url|default='/agreement/privacy.html'}">隐私政策</a>
</div>
<div class="footer-nav-item"><a class="link-hover" href="/agreement.htm?id=26">Cookies政策</a></div>
<div class="footer-nav-item"><a class="link-hover" href="/agreement.htm?id=27">法律声明</a></div>
</div>
</div>
<div class="footer-nav-box">
<div class="footer-nav-head">其他</div>
<div class="footer-nav-cont">
<div class="footer-nav-item">
<a class="link-hover" id="terms_service_url"
href="{$data.terms_service_url|default='/agreement/service.html'}">用户协议</a>
</div>
<div class="footer-nav-item">
<a class="link-hover" id="terms_privacy_url"
href="{$data.terms_privacy_url|default='/agreement/privacy.html'}">隐私政策</a>
</div>
<div class="footer-nav-item"><a class="link-hover" href="/agreement.htm?id=26">Cookies政策</a></div>
<div class="footer-nav-item"><a class="link-hover" href="/agreement.htm?id=27">法律声明</a></div>
</div>
</div>
{/if}
</div>
<div class="footer-nav-right">
<div class="footer-nav-box">
<div class="footer-nav-head">联系我们</div>
<div class="footer-nav-cont">
<div class="footer-nav-item" id="enterprise_name">{$data.enterprise_name|default=''}</div>
<div class="footer-nav-item mt-20" id="enterprise_telephone">
{if !empty($data.enterprise_telephone)}联系电话：{$data.enterprise_telephone}{/if}
</div>
<div class="footer-nav-item" id="enterprise_mailbox">
{if !empty($data.enterprise_mailbox)}联系邮箱：{$data.enterprise_mailbox}{/if}
</div>
</div>
<div class="qr-code">
<img src="{$data.enterprise_qrcode|default=''}" alt="" id="enterprise_qrcode">
</div>
</div>
</div>
<div class="footer-nav-right">
<div class="footer-nav-box">
<div class="footer-nav-head">联系我们</div>
<div class="footer-nav-cont">
<div class="footer-nav-item" id="enterprise_name">{$data.enterprise_name|default=''}</div>
<div class="footer-nav-item mt-20" id="enterprise_telephone">
{if !empty($data.enterprise_telephone)}联系电话：{$data.enterprise_telephone}{/if}
</div>
<div class="footer-nav-item" id="enterprise_mailbox">
{if !empty($data.enterprise_mailbox)}联系邮箱：{$data.enterprise_mailbox}{/if}
</div>
</div>
<div class="qr-code">
<img src="{$data.enterprise_qrcode|default=''}" alt="" id="enterprise_qrcode">
</div>
</div>
</div>
</div>
{if ( isset($data.friendly_link) && !empty($data.friendly_link) ) }
<div class="footer-link">
<span>友情链接：</span>
{foreach $data.friendly_link as $key=>$value}
<a href={$value.url} target="_blank" rel="nofollow">{$value.name}</a>
{/foreach}
</div>
{else /}
<div class="footer-link" id="footerLink">
<span>友情链接：</span>
</div>
{/if}
<div class="footer-record" id="footerRecord">
<div class="left-info">
{if !empty($data.icp_info)}
<a href="{$data.icp_info_link|default=''}" target="_blank" rel="nofollow">{$data.icp_info}</a>
{/if}
{if !empty($data.public_security_network_preparation)}
<a href="{$data.public_security_network_preparation_link|default=''}" target="_blank" rel="nofollow">
{$data.public_security_network_preparation}
</a>
{/if}
{if !empty($data.telecom_appreciation)}
<span>{$data.telecom_appreciation}</span>
{/if}
</div>
<span>{$data.copyright_info|default=''}</span>
</div>
</div>
</div>
{if ( isset($data.friendly_link) && !empty($data.friendly_link) ) }
<div class="footer-link">
<span>友情链接：</span>
{foreach $data.friendly_link as $key=>$value}
<a href={$value.url} target="_blank" rel="nofollow">{$value.name}</a>
{/foreach}
</div>
{else /}
<div class="footer-link" id="footerLink">
<span>友情链接：</span>
</div>
{/if}
<div class="footer-record" id="footerRecord">
<div class="left-info">
{if !empty($data.icp_info)}
<a href="{$data.icp_info_link|default=''}" target="_blank" rel="nofollow">{$data.icp_info}</a>
{/if}
{if !empty($data.public_security_network_preparation)}
<a href="{$data.public_security_network_preparation_link|default=''}" target="_blank" rel="nofollow">
{$data.public_security_network_preparation}
</a>
{/if}
{if !empty($data.telecom_appreciation)}
<span>{$data.telecom_appreciation}</span>
{/if}
</div>
<span>{$data.copyright_info|default=''}</span>
</div>
</div>
</footer>

123
public/header.html
View File

@@ -1,30 +1,31 @@
<div class="nav-shadow">
<div class="section-content nav-header">
<nav class="section-content nav-header">
<div class="nav-left">
{php}
// 顶部导航与 Logo 走服务端渲染，兼容未配置时的默认值
$__homeNav = isset($data['header_nav'][0])
? $data['header_nav'][0]
: ['file_address' => 'index.html', 'blank' => false];
? $data['header_nav'][0]
: ['file_address' => 'index.html', 'blank' => false];
{/php}
<div class="nav-icon">
<a href="{$__homeNav.file_address|default='index.html'}" {if !empty($__homeNav.blank)}target="_blank"{/if}>
<img src="{$data.official_website_logo|default='/web/BlackFruit-web/assets/img/index/logo.png'}" alt="" id="logo">
<a href="{$__homeNav.file_address|default='index.html'}" {if !empty($__homeNav.blank)}target="_blank" {/if}>
<img src="{$data.official_website_logo|default='/web/BlackFruit-web/assets/img/index/logo.png'}" alt="Logo"
id="logo">
</a>
</div>
<div class="nav-menu">
{if isset($data.header_nav) && !empty($data.header_nav)}
{foreach $data.header_nav as $k=>$item}
{if $k > 0}
{if !empty($item.file_address)}
<a href="{$item.file_address}" {if !empty($item.blank)}target="_blank"{/if}>
<div class="nav-item">{$item.name}</div>
</a>
{else /}
<div class="nav-item">{$item.name}</div>
{/if}
{/if}
{/foreach}
{foreach $data.header_nav as $k=>$item}
{if $k > 0}
{if !empty($item.file_address)}
<a href="{$item.file_address}" {if !empty($item.blank)}target="_blank" {/if}>
<div class="nav-item">{$item.name}</div>
</a>
{else /}
<div class="nav-item">{$item.name}</div>
{/if}
{/if}
{/foreach}
{/if}
</div>
</div>
@@ -33,18 +34,18 @@
<span class="nav-divider nav-desktop-link">|</span>
<a href="/home.htm" class="nav-text-link nav-desktop-link">控制台</a>
<span class="nav-divider nav-desktop-link">|</span>
<div class="no-login nav-desktop-link" style="display: none;">
<div class="no-login nav-desktop-link d-none">
<span class="nav-text-link" id="loginBtn">登录</span>
<span class="nav-divider">|</span>
<div class="btn btn-normal" id="registBtn"><span class="regist-text">立即注册</span></div>
</div>
<div class="login-in nav-desktop-link" style="display: none;">
<div class="login-in nav-desktop-link d-none">
<div id="headImg" class="head-img"></div>
<span class="ml-10 font-el1 name" id="username"></span>
<div class="login-menu animated fadeIn">
<div class="login-menu-item" id="accountBtn">账户信息
<span class="no-real-name real-name" id="noCertification">未实名</span>
<span class="real-name " id="isCertification" style="display: none;">已实名</span>
<span class="real-name d-none" id="isCertification">已实名</span>
</div>
<div class="login-menu-item" id="financeBtn">未付款订单</div>
<div class="login-menu-item" id="ticketBtn">我的工单</div>
@@ -52,43 +53,43 @@
</div>
</div>
<!-- 移动端汉堡菜单按钮 -->
<div class="mobile-menu-toggle" id="mobileMenuToggle">
<button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</div>
</button>
</div>
</div>
</nav>
<div class="nav-cont">
<div class="section-content">
{if isset($data.header_nav) && !empty($data.header_nav)}
{foreach $data.header_nav as $k=>$item}
{if $k > 0}
{if isset($item.children) && !empty($item.children)}
<div class="nav-cont-menu animated slideInDown">
<div class="nav-content">
{foreach $item.children as $child}
<a href="{if !empty($child.file_address)}{$child.file_address}{else/}javascript:;{/if}"
{if !empty($child.blank)}target="_blank"{/if}>
<div class="nav-item-box">
{if !empty($child.icon)}
<img src="{$child.icon}" alt="">
{/if}
<div class="item-box-title">
<div class="title">{$child.name}</div>
<div class="desc">{$child.description}</div>
</div>
</div>
</a>
{/foreach}
</div>
{foreach $data.header_nav as $k=>$item}
{if $k > 0}
{if isset($item.children) && !empty($item.children)}
<div class="nav-cont-menu animated slideInDown">
<div class="nav-content">
{foreach $item.children as $child}
<a href="{if !empty($child.file_address)}{$child.file_address}{else/}javascript:;{/if}" {if
!empty($child.blank)}target="_blank" {/if}>
<div class="nav-item-box">
{if !empty($child.icon)}
<img src="{$child.icon}" alt="">
{/if}
<div class="item-box-title">
<div class="title">{$child.name}</div>
<div class="desc">{$child.description}</div>
</div>
{else /}
<div class="nav-cont-menu nav-cont-empty"></div>
{/if}
{/if}
{/foreach}
</div>
</a>
{/foreach}
</div>
</div>
{else /}
<div class="nav-cont-menu nav-cont-empty"></div>
{/if}
{/if}
{/foreach}
{/if}
</div>
</div>
@@ -111,19 +112,19 @@
<div class="mobile-sidebar-body">
<!-- 主导航菜单 -->
{if isset($data.header_nav) && !empty($data.header_nav)}
{foreach $data.header_nav as $k=>$item}
{if $k > 0}
<div class="mobile-nav-item">
{if !empty($item.file_address)}
<a href="{$item.file_address}" {if !empty($item.blank)}target="_blank"{/if} class="mobile-nav-link">
{$item.name}
</a>
{else /}
<div class="mobile-nav-link">{$item.name}</div>
{/if}
</div>
{/if}
{/foreach}
{foreach $data.header_nav as $k=>$item}
{if $k > 0}
<div class="mobile-nav-item">
{if !empty($item.file_address)}
<a href="{$item.file_address}" {if !empty($item.blank)}target="_blank" {/if} class="mobile-nav-link">
{$item.name}
</a>
{else /}
<div class="mobile-nav-link">{$item.name}</div>
{/if}
</div>
{/if}
{/foreach}
{/if}
<!-- 分隔线 -->
<div class="mobile-nav-divider"></div>
@@ -248,4 +249,4 @@
</div>
{/if}
</div>
</div>
</div>