header修改
This commit is contained in:
123
parent
d6d49555ca
commit
7278d909a8
@ -4,106 +4,110 @@
|
|||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* 自定义容器样式 */
|
/* 自定义容器样式 */
|
||||||
.slide-box {
|
/* .slide-box {
|
||||||
|
|
||||||
/* 初始隐藏（非必须，用于延迟动画场景） */
|
/* 初始隐藏（非必须，用于延迟动画场景） */
|
||||||
opacity: 0;
|
/* opacity: 0; */
|
||||||
}
|
/*} */
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<div id="header" class="min_wrapper_1200">
|
<div id="header" class="min_wrapper_1200">
|
||||||
<div class="pull-left">
|
<div class="pull-left">
|
||||||
<span class="item">
|
<span class="item">
|
||||||
<i class="iconfont icondianhua"></i>
|
<i class="iconfont icondianhua"></i>
|
||||||
官方电话：<span class="phone">{dreamer-cms:variable name='cfg_global_telephone'/}</span>
|
官方电话：<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;">
|
|
||||||
<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> -->
|
|
||||||
|
<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>
|
||||||
|
</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="pull-right"> -->
|
<div class="clearfix"></div>
|
||||||
<!-- <a href="{dreamer-cms:variable name='cfg_global_doc'/}" title="帮助文档" target="_blank">帮助文档</a>
|
<div id="nav" style="width:100%;background-color: rgb(223, 223, 233);">
|
||||||
<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 class="pull-left" style="position: relative;
|
||||||
<!-- </div> -->
|
top: 20px;left:30px">
|
||||||
</div>
|
<a href="/" title="{dreamer-cms:global name="title"/}">
|
||||||
<div class="clearfix"></div>
|
<img src="{dreamer-cms:template /}images/logo1.png" title="{dreamer-cms:global name="title"/}" alt="{dreamer-cms:global name="title"/}">
|
||||||
<div id="nav">
|
|
||||||
<div class="pull-left" style="position: relative;
|
|
||||||
top: 20px;left:-130px">
|
|
||||||
<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"/}">
|
|
||||||
|
|
||||||
</a>
|
|
||||||
<div class="slide-box animate__animated animate__slideInLeft" style="width: 500px;position: relative;
|
|
||||||
top: -60px;left:120px"><span style="width: 1000px;font-size: 20px;font-family:微软雅黑 ;">龙翔（山东）工程咨询管理有限公司</span></div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="pull-right" style="position: relative;
|
|
||||||
left:100px">
|
|
||||||
<a class="item" href="/" title="首页">首页</a>
|
|
||||||
{dreamer-cms:categoryartlist length="10"}
|
|
||||||
{dreamer-cms:if test="('true' eq [field:haschildren/])"}
|
|
||||||
<a class="item" href="javascript:void(0);" title="[field:typenamecn /]" id="navtop_[field:typecode/]">
|
|
||||||
<span id="topspan_[field:typecode /]">[field:typenamecn /]</span>
|
|
||||||
<div class="item list">
|
|
||||||
{dreamer-cms:channel}
|
|
||||||
<div style="width: 110px;" class="itemn Navson_[field:typecode /]" url="[field:typeurl /]">[field:typenamecn /]</div>
|
|
||||||
{/dreamer-cms:channel}
|
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
{/dreamer-cms:if}
|
<div class="slide-box animate__animated animate__slideInLeft" style="width: 500px;position: relative;
|
||||||
{dreamer-cms:if test="('false' eq [field:haschildren/])"}
|
top: -60px;left:120px"><span style="width: 1000px;font-size: 20px;font-family:微软雅黑 ;">龙翔（山东）工程咨询管理有限公司</span></div>
|
||||||
<a class="item" href="[field:typeurl /]" title="[field:typenamecn /]" id="navtop_[field:typecode/]">
|
|
||||||
<span id="topspan_[field:typecode /]">[field:typenamecn /]</span>
|
|
||||||
</a>
|
|
||||||
{/dreamer-cms:if}
|
|
||||||
{/dreamer-cms:categoryartlist}
|
|
||||||
<!-- <a class="demoCenter" >演示中心
|
|
||||||
<div class="demoCon">
|
|
||||||
<div class="demo">
|
|
||||||
<div class="whiteBg">
|
|
||||||
<div class="name">梦想家演示地址及账号</div>
|
|
||||||
<div class="infor">网站前台</div>
|
|
||||||
<table border="1">
|
|
||||||
<tr>
|
|
||||||
<th width="50%">演示网址</th>
|
|
||||||
<th width="25%">账号</th>
|
|
||||||
<th width="25%">密码</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="http://cms.iteachyou.cc" target="_blank" style="color:#2a7efb;">http://cms.iteachyou.cc</a></td>
|
|
||||||
<td>无</td>
|
|
||||||
<td>无</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<div class="infor">后台管理系统</div>
|
|
||||||
<table border="1">
|
|
||||||
<tr>
|
|
||||||
<th width="50%">演示网址</th>
|
|
||||||
<th width="25%">账号</th>
|
|
||||||
<th width="25%">密码</th>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="http://cms.iteachyou.cc/admin" target="_blank" style="color:#2a7efb;">http://cms.iteachyou.cc/admin</a></td>
|
|
||||||
<td>wangjn</td>
|
|
||||||
<td>123456</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<div class="showHow">
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="pull-right" style="position: relative;
|
||||||
|
right:50px">
|
||||||
|
<a class="item" href="/" title="首页">首页</a>
|
||||||
|
{dreamer-cms:categoryartlist length="10"}
|
||||||
|
{dreamer-cms:if test="('true' eq [field:haschildren/])"}
|
||||||
|
<a class="item" href="javascript:void(0);" title="[field:typenamecn /]" id="navtop_[field:typecode/]">
|
||||||
|
<span id="topspan_[field:typecode /]">[field:typenamecn /]</span>
|
||||||
|
<div class="item list">
|
||||||
|
{dreamer-cms:channel}
|
||||||
|
<div style="width: 110px;" class="itemn Navson_[field:typecode /]" url="[field:typeurl /]">[field:typenamecn /]</div>
|
||||||
|
{/dreamer-cms:channel}
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{/dreamer-cms:if}
|
||||||
|
{dreamer-cms:if test="('false' eq [field:haschildren/])"}
|
||||||
|
<a class="item" href="[field:typeurl /]" title="[field:typenamecn /]" id="navtop_[field:typecode/]">
|
||||||
|
<span id="topspan_[field:typecode /]">[field:typenamecn /]</span>
|
||||||
|
</a>
|
||||||
|
{/dreamer-cms:if}
|
||||||
|
{/dreamer-cms:categoryartlist}
|
||||||
|
<!-- <a class="demoCenter" >演示中心
|
||||||
|
<div class="demoCon">
|
||||||
|
<div class="demo">
|
||||||
|
<div class="whiteBg">
|
||||||
|
<div class="name">梦想家演示地址及账号</div>
|
||||||
|
<div class="infor">网站前台</div>
|
||||||
|
<table border="1">
|
||||||
|
<tr>
|
||||||
|
<th width="50%">演示网址</th>
|
||||||
|
<th width="25%">账号</th>
|
||||||
|
<th width="25%">密码</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a href="http://cms.iteachyou.cc" target="_blank" style="color:#2a7efb;">http://cms.iteachyou.cc</a></td>
|
||||||
|
<td>无</td>
|
||||||
|
<td>无</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<div class="infor">后台管理系统</div>
|
||||||
|
<table border="1">
|
||||||
|
<tr>
|
||||||
|
<th width="50%">演示网址</th>
|
||||||
|
<th width="25%">账号</th>
|
||||||
|
<th width="25%">密码</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a href="http://cms.iteachyou.cc/admin" target="_blank" style="color:#2a7efb;">http://cms.iteachyou.cc/admin</a></td>
|
||||||
|
<td>wangjn</td>
|
||||||
|
<td>123456</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<div class="showHow">
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a> -->
|
||||||
</a> -->
|
<!-- <div class="demoCenter download" target="_blank">
|
||||||
<!-- <div class="demoCenter download" target="_blank">
|
<a href="https://gitee.com/isoftforce/dreamer_cms" target="_blank" style="color: #fff;" title="源码下载">源码下载</a>
|
||||||
<a href="https://gitee.com/isoftforce/dreamer_cms" target="_blank" style="color: #fff;" title="源码下载">源码下载</a>
|
</div> -->
|
||||||
</div> -->
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
<style>
|
<style>
|
||||||
.download table{border-color:#eee !important;}
|
.download table{border-color:#eee !important;}
|
||||||
@ -118,7 +122,35 @@
|
|||||||
const box = document.querySelector('.slide-box');
|
const box = document.querySelector('.slide-box');
|
||||||
setTimeout(() => box.style.opacity = 1, 50);
|
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>
|
||||||
</script>
|
</script>
|
||||||
Loading…
x
Reference in New Issue
Block a user