171 lines
8.1 KiB
HTML
171 lines
8.1 KiB
HTML
<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>-->
|
||
<ul>
|
||
<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">
|
||
<a class="navbar-brand" href="#">
|
||
<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">
|
||
<a href="#" class="nav-link dropdown-toggle"> 首页 </a>
|
||
</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> |