header修改

This commit is contained in:
123 2025-04-29 11:37:11 +08:00
parent d6d49555ca
commit 7278d909a8

View File

@ -4,11 +4,12 @@
</head>
<style>
/* 自定义容器样式 */
.slide-box {
/* .slide-box {
/* 初始隐藏(非必须,用于延迟动画场景) */
opacity: 0;
}
/* opacity: 0; */
/*} */
</style>
<div id="header" class="min_wrapper_1200">
<div class="pull-left">
@ -16,13 +17,14 @@
<i class="iconfont icondianhua"></i>
官方电话:<span class="phone">{dreamer-cms:variable name='cfg_global_telephone'/}</span>
</span>
<!-- <span class="item">
<i class="iconfont iconicon-test"></i>
QQ技术交流群
<span class="phone" style="margin-left: 6px;">
<span class="item">
<!-- <i class="iconfont iconicon-test"></i> -->
当前时间 <span class="phone" id="datetime" style="margin-left: 6px;"></span>
<!-- <span class="phone" style="margin-left: 6px;">
<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=Ba41Hjymx8sei97Y9EwcREEsgww0oYG4&jump_from=webapi&authKey=ddiBUR6Dopdxifg3KDh4B1oGblfyuWebDqFWj0KLYAZFTBqXLoAMmd7jnWrN6xxp" style="color: #fff;">{dreamer-cms:variable name='cfg_global_qqgroup'/}(QQ群)</a>
</span>
</span> -->
</span>
</div>
<!-- <div class="pull-right"> -->
<!-- <a href="{dreamer-cms:variable name='cfg_global_doc'/}" title="帮助文档" target="_blank">帮助文档</a>
@ -30,9 +32,9 @@
<!-- </div> -->
</div>
<div class="clearfix"></div>
<div id="nav">
<div id="nav" style="width:100%;background-color: rgb(223, 223, 233);">
<div class="pull-left" style="position: relative;
top: 20px;left:-130px">
top: 20px;left:30px">
<a href="/" title="{dreamer-cms:global name="title"/}">
<img src="{dreamer-cms:template /}images/logo1.png" title="{dreamer-cms:global name="title"/}" alt="{dreamer-cms:global name="title"/}">
@ -42,7 +44,7 @@
</div>
<div class="pull-right" style="position: relative;
left:100px">
right:50px">
<a class="item" href="/" title="首页">首页</a>
{dreamer-cms:categoryartlist length="10"}
{dreamer-cms:if test="('true' eq [field:haschildren/])"}
@ -104,6 +106,8 @@
</div> -->
</div>
</div>
<div class="clearfix"></div>
<style>
.download table{border-color:#eee !important;}
@ -118,7 +122,35 @@
const box = document.querySelector('.slide-box');
setTimeout(() => box.style.opacity = 1, 50);
});
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>
</script>