header修改

templates/default_v2/inc/header.html

@@ -4,35 +4,37 @@
 </head>
 <style>
 	/* 自定义容器样式 */
-	.slide-box {
+	/* .slide-box {
       
 	  /* 初始隐藏（非必须，用于延迟动画场景） */
-	  opacity: 0;
+	  /* opacity: 0; */
-	}
+	/*} */
+	
 </style>
-<div id="header" class="min_wrapper_1200">
+	<div id="header" class="min_wrapper_1200">
 		<div class="pull-left">
 			<span class="item">
 				<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>
+			<span class="item">
-			QQ技术交流群： 
+				<!-- <i class="iconfont iconicon-test"></i> -->
-			<span class="phone" style="margin-left: 6px;">
+				当前时间 <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>
 			<a href="http://wpa.qq.com/msgrd?v=3&uin={dreamer-cms:variable name='cfg_global_qq'/}&site=qq&menu=yes" target="_blank">授权咨询</a> -->
 		<!-- </div> -->
-</div>
+	</div>
-<div class="clearfix"></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/])"}
@@ -103,7 +105,9 @@
 				<a href="https://gitee.com/isoftforce/dreamer_cms" target="_blank" style="color: #fff;" title="源码下载">源码下载</a> 
 			</div> -->
 		</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>