171 lines
8.1 KiB
HTML
Raw Normal View History

2025-07-01 18:06:05 +08:00
<div class="header-area">
<div class="container">
<div class="row">
<div class="col-sm-9 col-lg-8">
<div class="left">
<ul>
<li>
<i class="bx bx-mail-send"></i>
<a href="#">
<span>sdhzkjs@126.com</span>
</a>
</li>
<li>
<i class="bx bx-phone-call"></i>
<a href="#">0532-80988190</a>
</li>
<li>
<i class="bx bx-time"></i>
<span>周一 - 周五: 8:30 AM - 5:30 PM</span>
</li>
</ul>
</div>
</div>
<div class="col-sm-3 col-lg-4">
<div class="right">
<!-- <p class="text-sm md:text-base" style="text-align: left;">当前时间 <a href="#" id="datetime" class="font-semibold underline ml-2"></a></p>-->
2025-07-02 18:08:32 +08:00
<ul style="position: relative;left: 80px">
2025-07-01 18:06:05 +08:00
<li>
<a href="#" id="datetime" class="font-semibold underline ml-2"></a>
<!-- <a href="#" target="_blank">-->
<!-- <i class="bx bxl-facebook"></i>-->
<!-- </a>-->
</li>
<!-- <li>-->
<!-- <a href="#" target="_blank">-->
<!-- <i class="bx bxl-twitter"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="#" target="_blank">-->
<!-- <i class="bx bxl-youtube"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="#" target="_blank">-->
<!-- <i class="bx bxl-instagram"></i>-->
<!-- </a>-->
<!-- </li>-->
<!-- <li>-->
<!-- <a href="#" target="_blank">-->
<!-- <i class="bx bxl-twitter"></i>-->
<!-- </a>-->
<!-- </li>-->
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-area sticky-top">
<div class="mobile-nav">
<a href="#" class="logo">
<img src="{dreamer-cms:template /}assets/img/logomobile.jpg" alt="Logo" />
</a>
</div>
<div class="main-nav">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
2025-07-02 16:32:09 +08:00
<a class="navbar-brand" href="/">
2025-07-01 18:06:05 +08:00
<img src="{dreamer-cms:template /}assets/img/logo.png" alt="Logo" />
</a>
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
2025-07-02 16:32:09 +08:00
<a href="/" class="nav-link dropdown-toggle"> 首页 </a>
2025-07-01 18:06:05 +08:00
</li>
{dreamer-cms:categoryartlist length="10"}
<li class="nav-item">
<a href="[field:typeurl /]" class="nav-link dropdown-toggle">[field:typenamecn /]
{dreamer-cms:if test="('true' eq [field:haschildren/])"}
<i class="bx bx-chevron-down"></i>
{/dreamer-cms:if}
</a>
{dreamer-cms:if test="('true' eq [field:haschildren/])"}
<ul class="dropdown-menu">
{dreamer-cms:channel}
<li class="nav-item">
<a href="[field:typeurl /]" class="nav-link">[field:typenamecn /]</a>
</li>
{/dreamer-cms:channel}
</ul>
{/dreamer-cms:if}
</li>
{/dreamer-cms:categoryartlist}
</ul>
<div class="side-nav">
<div class="nav-search">
<i id="search-btn" class="bx bx-search-alt"></i>
<div id="search-overlay" class="block">
<div class="centered">
<div id="search-box">
<i id="close-btn" class="bx bx-x"></i>
<form>
<input type="text" class="form-control" placeholder="Search..." />
<button type="submit" class="btn">搜索</button>
</form>
</div>
</div>
</div>
</div>
<!-- <div class="dropdown nav-flag-dropdown">-->
<!-- <button class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
<!-- <img src="{dreamer-cms:template /}assets/img/flag1.jpg" alt="Flag" />-->
<!-- Eng-->
<!-- <i class="bx bx-chevron-down"></i>-->
<!-- </button>-->
<!-- <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">-->
<!-- <a class="dropdown-item" href="#">-->
<!-- <img src="{dreamer-cms:template /}assets/img/flag2.jpg" alt="Flag" />-->
<!-- Ger-->
<!-- </a>-->
<!-- <a class="dropdown-item" href="#">-->
<!-- <img src="{dreamer-cms:template /}assets/img/flag3.jpg" alt="Flag" />-->
<!-- Isr-->
<!-- </a>-->
<!-- <a class="dropdown-item" href="#">-->
<!-- <img src="{dreamer-cms:template /}assets/img/flag4.jpg" alt="Flag" />-->
<!-- USA-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</nav>
</div>
</div>
</div>
<script>
const datetimeElement = document.getElementById('datetime');
function updateDateTime() {
const now = new Date();
// 手动格式化(推荐):
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始
const day = String(now.getDate()).padStart(2, '0');
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
const weekDays = ['日', '一', '二', '三', '四', '五', '六'];
const weekDay = weekDays[now.getDay()];
// 组合日期时间格式YYYY年MM月DD日 HH:MM:SS
datetimeElement.textContent =
year+"年"+month+"月"+day+"日"+ hours+":"+minutes+":"+seconds+" "+"星期"+weekDay;
/* 自动本地化版本(根据系统设置显示):
datetimeElement.textContent =
now.toLocaleDateString('zh-CN') + ' ' +
now.toLocaleTimeString();
*/
}
// 初始加载
updateDateTime();
// 每秒更新
setInterval(updateDateTime, 1000);
</script>