Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
b5203c00 by 任超
Options

style:消息模块样式

1 parent 31ce81a3
Inline Side-by-side
Showing 5 changed files with 57 additions and 15 deletions
......@@ -117,11 +117,13 @@ div.top-logo .top_logo_search i {
}
.navigation {
text-align: center;
height: 59px;
height: 70px;
line-height: 70px;
}
.navigation .layui-nav-item {
width: 149px!important;
position: relative;
line-height: 70px;
}
/* .navigation .layui-nav-item a {
border-right: 1px solid rgba(255,255,255, 0.1);
......@@ -144,7 +146,7 @@ div.top-logo .top_logo_search i {
background-color: #2F83F7!important;
}
.layui-nav-item a{
font-size: 18px;
font-size: 22px;
}
.layui-nav .layui-nav-more {
right: 16px;
......@@ -203,6 +205,7 @@ div.top-logo .top_logo_search i {
font-size: 14px;
color: #7A7A7A;
padding-right: 0!important;
height: 35px;
}
.userImage {
position: relative;
......@@ -292,9 +295,9 @@ div.top-logo .top_logo_search i {
position: relative;
}
.sysNewsList {
top: 30px!important;
border-radius: 5px!important;
top: 24px!important;
width: 360px!important;
left: -238px;
}
.sysNewsItem .sysNewsNum {
position: absolute;
......@@ -321,6 +324,7 @@ div.top-logo .top_logo_search i {
.sysNewsList dd {
padding-top: 10px;
background-color: #ffffff!important;
border-bottom: 1px solid #E2EAF1;
}
.sysNewsList dd a:hover {
background: none!important;
......@@ -338,30 +342,54 @@ div.top-logo .top_logo_search i {
}
.sysNewsTitle {
background-color: #dedede;
line-height: 36px;
line-height: 50px;
padding-left: 20px;
position: relative;
top: -1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid #E2EAF1;
color: #686666;
font-size: 16px;
font-weight: 700;
}
.sysNewsOperation {
height: 36px;
background: #FCFCFC;
border-bottom: 1px solid #E5E8ED;
display: block;
height: 50px;
line-height: 50px;
}
.sysNewsOperation span{
.sysNewsOperation p{
float: left;
cursor: pointer;
color: #006CFF;
font-size: 12px;
font-size: 14px;
margin-left: 20px;
color: #7A7A7A;
}
.sysNewsOperation p span {
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #CDCDCD;
border-radius: 50%;
position: relative;
top: 2px;
right: 5px;
}
.sysNewsOperation p span::before {
content: '';
position: absolute;
width: 4px;
height: 4px;
background-color: #AAAAAA;
border-radius: 50%;
left: 5px;
top: 6px;
}
.sysNewsOperation a{
float: right;
cursor: pointer;
color: #006CFF!important;
font-size: 12px;
color: #2F83F7!important;
font-size: 14px;
}
.sysNewsOperation a:hover {
background-color: #ffffff!important;
......
......@@ -364,6 +364,7 @@ div.c_five ul li a img {
font-size: 14px;
color: #7A7A7A;
line-height: 36px;
cursor: pointer;
}
/* 好差评 */
.good-bad-comments-box {
......
......@@ -12,6 +12,19 @@ function newsCenterData() {
$(document).on("mouseout", ".sysNewsList .newsDetail", function (e) {
$('.sysNewsList .newsDetail').addClass('ellipsis');
})
$(document).on("mouseover", ".sysNewsItem .userImage", function (e) {
$(this).attr('src','/staticImages/sexiaoxi.png');
})
$(document).on("mouseout", ".sysNewsItem .userImage", function (e) {
$(this).attr('src','/staticImages/xiaoxi.png');
})
$(document).on("mouseover", ".sysNewsList", function (e) {
$('.sysNewsItem .userImage').attr('src','/staticImages/sexiaoxi.png');
})
$(document).on("mouseout", ".sysNewsList", function (e) {
$('.sysNewsItem .userImage').attr('src','/staticImages/xiaoxi.png');
})
}
// 根据用户id及展示数量读取消息提醒
function fetchNewsData(userid, size) {
......
......@@ -109,7 +109,7 @@ function appendData() {
'<dl class="layui-nav-child sysNewsList">' +
'<div class="sysNewsTitle">最新消息</div>' +
'<div class="sysNewsOperation">' +
'<span>全部标记为已阅</span><a href="/staticViews/sysnews-center.html">查看全部</a>' +
'<p><span></span>全部标记为已阅</p><a href="/staticViews/sysnews-center.html">查看全部</a>' +
'</div>' +
'<div id="sysNewsList-con">'+
'</div>'+
......