|
@@ -15,8 +15,11 @@
|
|
position: fixed;
|
|
position: fixed;
|
|
top: 0;
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
+ #public-nav .iner {
|
|
|
|
+ width: 1200px;
|
|
|
|
+ }
|
|
#public-nav .iner .fl{
|
|
#public-nav .iner .fl{
|
|
- margin-left: 60px;
|
|
|
|
|
|
+ margin-left: 0;
|
|
display: flex;
|
|
display: flex;
|
|
width: 430px;
|
|
width: 430px;
|
|
height: 100%;
|
|
height: 100%;
|
|
@@ -156,11 +159,12 @@
|
|
}
|
|
}
|
|
#public-nav .iner .jynav li{
|
|
#public-nav .iner .jynav li{
|
|
position: relative;
|
|
position: relative;
|
|
- padding: 0 24px !important;
|
|
|
|
|
|
+ padding: 0 23px !important;
|
|
min-width: inherit !important;
|
|
min-width: inherit !important;
|
|
}
|
|
}
|
|
- #public-nav .iner .jynav li:nth-child(5){
|
|
|
|
- padding-right: 8px !important;
|
|
|
|
|
|
+ #public-nav .iner .jynav li:nth-child(6){
|
|
|
|
+ height: 63px;
|
|
|
|
+ margin-left: 23px;
|
|
}
|
|
}
|
|
#public-nav .iner .jynav li .jynav-list{
|
|
#public-nav .iner .jynav li .jynav-list{
|
|
display: flex;
|
|
display: flex;
|
|
@@ -220,6 +224,191 @@
|
|
left: 68px;
|
|
left: 68px;
|
|
width: 50px;
|
|
width: 50px;
|
|
}
|
|
}
|
|
|
|
+ #public-nav .iner .jynav li .jy-nav-msg{
|
|
|
|
+ width: 24px;
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .msg-img2 {
|
|
|
|
+ display: none;
|
|
|
|
+ }
|
|
|
|
+ #public-nav[data-theme] .iner .jynav li .img-flex {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ }
|
|
|
|
+ #public-nav[data-theme] .iner .jynav li .msg-img1,#public-nav[data-theme] .iner .jynav li .msg-img2 {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ top: 20px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav[data-theme] .iner .jynav li .msg-img1 {
|
|
|
|
+ opacity: 0;
|
|
|
|
+ }
|
|
|
|
+ #public-nav[data-theme="light"] .iner .jynav li .msg-img1[data-theme='light'] {
|
|
|
|
+ opacity: 1;
|
|
|
|
+ }
|
|
|
|
+ #public-nav[data-theme="dark"] .iner .jynav li .msg-img1[data-theme='dark'] {
|
|
|
|
+ opacity: 1;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .tips {
|
|
|
|
+ display: none;
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 14px;
|
|
|
|
+ top: 13px;
|
|
|
|
+ height: 18px;
|
|
|
|
+ line-height: 16px;
|
|
|
|
+ padding: 0 4px;
|
|
|
|
+ border: 1px solid #fff;
|
|
|
|
+ background: #ff3a20;
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ }
|
|
|
|
+ /* 滚动条样式 */
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par ::-webkit-scrollbar {
|
|
|
|
+ /*滚动条整体样式*/
|
|
|
|
+ width: 6px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par ::-webkit-scrollbar-thumb {
|
|
|
|
+ /*滚动条里面小方块*/
|
|
|
|
+ border-radius: 3px;
|
|
|
|
+ background: #E0E0E0;
|
|
|
|
+ opacity: 0.15;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .msg-style {
|
|
|
|
+ display: none;
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0!important;
|
|
|
|
+ left: initial;
|
|
|
|
+ transform: translate(0%, 0%)!important;
|
|
|
|
+ width: 400px;
|
|
|
|
+ padding: 0;
|
|
|
|
+ background: #ffffff;
|
|
|
|
+ border-radius: 0px 0px 8px 8px;
|
|
|
|
+ box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.08);
|
|
|
|
+ margin-top: 63px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ height: 368px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-head {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+ padding: 16px 24px;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+ box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.05) inset;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-head .imgs, #public-nav .iner .jynav li .jy-list-msg .msg-par .m-head .imgs1 {
|
|
|
|
+ width: 16px;
|
|
|
|
+ height: 16px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-head .imgs1 {
|
|
|
|
+ display: none;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-head .spa {
|
|
|
|
+ height: auto;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ color: #1d1d1d;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-head .spa i {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #686868;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-head .spa i em {
|
|
|
|
+ color: #2CB7CA;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul {
|
|
|
|
+ flex: 1;
|
|
|
|
+ overflow-y: scroll;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .lis-cont .dots {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 28px;
|
|
|
|
+ top: 7px;
|
|
|
|
+ width: 6px;
|
|
|
|
+ height: 6px;
|
|
|
|
+ background: #fb483d;
|
|
|
|
+ border: 1px solid #ffffff;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li {
|
|
|
|
+ padding: 12px 24px!important;
|
|
|
|
+ box-shadow: 0px -1px 0px 0px rgb(0 0 0 / 5%) inset;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li:hover {
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ background: #f5f6f7;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li .lis-cont {
|
|
|
|
+ position: relative;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: initial;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li .lis-cont img {
|
|
|
|
+ width: 32px;
|
|
|
|
+ height: 32px;
|
|
|
|
+ margin: 4px 12px 0 0;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li .lis-cont .r-lis {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li .lis-cont .r-lis .title {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: initial;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #1d1d1d;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li .lis-cont .r-lis .title span {
|
|
|
|
+ height: auto;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li .lis-cont .r-lis .title span:nth-child(2) {
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ color: #999;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-ul .m-li .lis-cont .r-lis p {
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ color: #686868;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ margin-top: 4px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .no-datas {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: 18px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .no-datas img {
|
|
|
|
+ width: 200px;
|
|
|
|
+ height: 200px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .no-datas .tip-text p {
|
|
|
|
+ color: #999;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-foot {
|
|
|
|
+ padding: 12px 0;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.05) inset;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-foot a {
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ color: #1d1d1d;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+ }
|
|
|
|
+ #public-nav .iner .jynav li .jy-list-msg .msg-par .m-foot a:hover {
|
|
|
|
+ color: #2CB7CA;
|
|
|
|
+ }
|
|
#public-nav .iner .jynav li .jynav-list span.active a{
|
|
#public-nav .iner .jynav li .jynav-list span.active a{
|
|
color: #2CB7CA;
|
|
color: #2CB7CA;
|
|
}
|
|
}
|
|
@@ -372,6 +561,7 @@
|
|
}
|
|
}
|
|
#public-nav .useronline{
|
|
#public-nav .useronline{
|
|
height: 50px;
|
|
height: 50px;
|
|
|
|
+ margin-left: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|
|
<style type="text/css">
|
|
<style type="text/css">
|
|
@@ -538,6 +728,27 @@
|
|
<span name="广告服务"><a href="/front/advservices.html">广告服务</a></span>
|
|
<span name="广告服务"><a href="/front/advservices.html">广告服务</a></span>
|
|
<span name="关于我们"><a href="/front/aboutus.html">关于我们</a></span>
|
|
<span name="关于我们"><a href="/front/aboutus.html">关于我们</a></span>
|
|
<span name="产品销售合作" class="recruit"><a href="/swordfish/frontPage/partner/free/index">产品销售合作</a></span>
|
|
<span name="产品销售合作" class="recruit"><a href="/swordfish/frontPage/partner/free/index">产品销售合作</a></span>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ <li name="消息" id="noticed" style="display: none;">
|
|
|
|
+ <a href="/swordfish/frontPage/messageCenter/sess/index">
|
|
|
|
+ <div class="img-flex">
|
|
|
|
+ <img data-theme="light" src='{{Msg "seo" "cdn"}}/images/pc/mesg.png?v={{Msg "seo" "version"}}' class="jy-nav-msg msg-img1" alt="" />
|
|
|
|
+ <img data-theme="dark" src='{{Msg "seo" "cdn"}}/images/pc/mesg_fff.png?v={{Msg "seo" "version"}}' class="jy-nav-msg msg-img1" alt="" />
|
|
|
|
+ </div>
|
|
|
|
+ <img src='{{Msg "seo" "cdn"}}/images/pc/mesg_active.png?v={{Msg "seo" "version"}}' class="jy-nav-msg msg-img2" alt="" />
|
|
|
|
+ <span class="tips" id="tips"></span>
|
|
|
|
+ </a>
|
|
|
|
+ <div class="jy-list-msg msg-style">
|
|
|
|
+ <div class="msg-par">
|
|
|
|
+ <div class="m-head">
|
|
|
|
+ <span class="spa">消息中心<i>( <em id="noNum">0</em> 条未读 )</i></span>
|
|
|
|
+ <img class="imgs" src='{{Msg "seo" "cdn"}}/images/pc/guan.png?v={{Msg "seo" "version"}}'>
|
|
|
|
+ <img id="imgActive" class="imgs1" src='{{Msg "seo" "cdn"}}/images/pc/guan_active.png?v={{Msg "seo" "version"}}'>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="m-ul"></div>
|
|
|
|
+ <div class="m-foot"><a href="/swordfish/frontPage/messageCenter/sess/index">查看全部</a></div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</li>
|
|
<li class="slider"></li>
|
|
<li class="slider"></li>
|
|
@@ -630,8 +841,12 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+<script src='{{Msg "seo" "cdn"}}/js/dateFunc.js?v={{Msg "seo" "version"}}'></script>
|
|
|
|
+<script src='{{Msg "seo" "cdn"}}/js/message.js?v={{Msg "seo" "version"}}'></script>
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
-
|
|
|
|
|
|
+ // 初始化message模块内容
|
|
|
|
+ var message = new Message()
|
|
|
|
+
|
|
function zbSeatch(id){
|
|
function zbSeatch(id){
|
|
$("#"+id).submit();
|
|
$("#"+id).submit();
|
|
}
|
|
}
|
|
@@ -746,11 +961,9 @@
|
|
|
|
|
|
}
|
|
}
|
|
window.addEventListener('scroll', docScroll, true)
|
|
window.addEventListener('scroll', docScroll, true)
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
$(function(){
|
|
$(function(){
|
|
-
|
|
|
|
|
|
+
|
|
// 搜索框显示、隐藏
|
|
// 搜索框显示、隐藏
|
|
$("#public-nav .iner .fl .jy_nav_searchBtn").on("click",function(){
|
|
$("#public-nav .iner .fl .jy_nav_searchBtn").on("click",function(){
|
|
$(this).hide()
|
|
$(this).hide()
|
|
@@ -759,16 +972,20 @@ $(function(){
|
|
$("#public-nav .iner .fl .search-box .search-close").on('click',function(){
|
|
$("#public-nav .iner .fl .search-box .search-close").on('click',function(){
|
|
$(this).parents('.search-box').hide()
|
|
$(this).parents('.search-box').hide()
|
|
$("#public-nav .iner .fl .jy_nav_searchBtn").show()
|
|
$("#public-nav .iner .fl .jy_nav_searchBtn").show()
|
|
- })
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- // 导航栏展示/关闭
|
|
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ // 导航栏展示/关闭
|
|
var curTheme = 'light'
|
|
var curTheme = 'light'
|
|
$("#public-nav .iner .jynav li").bind("mouseenter",function(){
|
|
$("#public-nav .iner .jynav li").bind("mouseenter",function(){
|
|
var l = $(this).find('.jynav-list').length;
|
|
var l = $(this).find('.jynav-list').length;
|
|
if(l > 0){
|
|
if(l > 0){
|
|
- $(this).siblings().find('.jynav-list').hide()
|
|
|
|
|
|
+ // 隐藏消息悬浮窗
|
|
|
|
+ $('#public-nav .iner .jynav li').find('.jy-list-msg').hide()
|
|
$(this).find('.jynav-list').toggle()
|
|
$(this).find('.jynav-list').toggle()
|
|
|
|
+ $(this).find('.msg-img1').hide()
|
|
|
|
+ $(this).find('.msg-img2').show()
|
|
|
|
+
|
|
|
|
+ $(this).siblings().find('.jynav-list').hide()
|
|
curTheme =$("#public-nav").attr('data-theme')
|
|
curTheme =$("#public-nav").attr('data-theme')
|
|
setNavTheme('light',1)
|
|
setNavTheme('light',1)
|
|
$(".loginBtn").css({"borderColor":"#e0e0e0","color":'#252627'})
|
|
$(".loginBtn").css({"borderColor":"#e0e0e0","color":'#252627'})
|
|
@@ -777,7 +994,13 @@ $(function(){
|
|
$("#public-nav .iner .jynav li").bind("mouseleave",function(){
|
|
$("#public-nav .iner .jynav li").bind("mouseleave",function(){
|
|
setNavTheme(curTheme,1)
|
|
setNavTheme(curTheme,1)
|
|
docScroll()
|
|
docScroll()
|
|
|
|
+
|
|
|
|
+ // 隐藏消息悬浮窗
|
|
|
|
+ $('#public-nav .iner .jynav li').find('.jy-list-msg').show()
|
|
|
|
+
|
|
$("#public-nav .iner .jynav li").find('.jynav-list').hide()
|
|
$("#public-nav .iner .jynav li").find('.jynav-list').hide()
|
|
|
|
+ $(this).find('.msg-img1').show()
|
|
|
|
+ $(this).find('.msg-img2').hide()
|
|
})
|
|
})
|
|
|
|
|
|
|
|
|