Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
48fc1e41 by 任超
Options

style:新闻详情

1 parent 6a53f9de
Expand all
Inline Side-by-side
Showing 7 changed files with 80 additions and 33 deletions
......@@ -10,6 +10,9 @@
background-color: #1E9FFF;
color: #fff;
}
.layui-icon-search {
color: #6D7278;
}
/* ----------------------公共样式-------------------------- */
.contentBox {
width: 1200px;
......
......@@ -135,7 +135,7 @@ div.subject {
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 41px;
padding-bottom: 30px;
padding-bottom: 20px;
}
.leftContainer li {
border-bottom: 1px solid #EAEAEA;
......
* {
padding: 0;
margin: 0;
.middle_active {
position: fixed;
top: 0;
z-index: 99;
}
.main {
overflow: hidden
}
.body {
color: #4A4A4A;
line-height: 25px;
}
.mainbody {
width: 1200px;
margin: 0 auto;
padding-top: 41px;
}
.navigation_crumbs {
width: 100%;
......@@ -340,6 +344,7 @@ div.navigation {
.commentInput {
height: 80px;
padding-left: 15px;
}
.comment-bottom div {
......@@ -385,17 +390,18 @@ div.navigation {
.commentInputImg {
height: 100px;
margin-right: 15px;
}
.commentInputImg, commentInputInput {
.commentInputImg{
float: left;
}
.commentInputInput {
padding-right: 15px;
}
.commentInput textarea {
height: 130px;
background: #FFFFFF;
border: 1px solid #DEDEDE;
margin-left: 20px;
}
.layui-textarea {
......@@ -413,6 +419,7 @@ div.navigation {
.Commentdetails {
margin-bottom: 20px;
padding-left: 15px;
}
.CommentdetailsTitle {
......@@ -500,11 +507,11 @@ div.navigation {
}
.pl-right-bottom {
height: 12px;
font-size: 12px;
height: 14px;
font-size: 14px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
line-height: 14px;
display: inline-block;
margin-top: 10px;
}
......@@ -515,8 +522,8 @@ div.navigation {
.plhf-main {
background-color: #F7F7F7;
margin-top: 20px;
width: 690px;
margin-top: 30px;
width: 710px;
margin-left: 15px;
}
......@@ -526,6 +533,9 @@ div.navigation {
width: 650px;
margin-left: 15px;
}
.plhf-top {
margin-bottom: 5px;
}
.plhf-top div:first-child, .plhf-top div:last-child {
float: left;
......@@ -610,7 +620,7 @@ div.navigation {
}
.right-top h2 {
font-size: 27px;
font-size: 20px;
}
......@@ -627,10 +637,12 @@ div.navigation {
width: 200px;
height: 125px;
margin-top: 20px;
margin-bottom: 5px;
}
.tj img, .tj span {
float: left;
color: #4A4A4A;
}
.tj-title {
......@@ -643,11 +655,11 @@ div.navigation {
.tj-date {
width: 90px;
height: 12px;
font-size: 12px;
height: 14px;
font-size: 14px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
line-height: 16px;
}
.right-bottom {
......
......@@ -118,7 +118,7 @@ div.subject {
.xw {
display: block;
padding-top: 10px;
height: 150px;
height: 112px;
cursor: pointer;
}
......@@ -142,6 +142,11 @@ div.subject {
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 28px;
padding-bottom: 20px;
}
.leftContainer li{
border-bottom: 1px solid #EAEAEA;
margin-bottom: 25px;
}
.leftContainer li:last-child{
border-bottom: 1px solid #DEDEDE;
......@@ -151,16 +156,15 @@ div.subject {
height: 18px;
font-size: 18px;
font-weight: bold;
color: #4A4A4A;
color: #686666;
line-height: 18px;
cursor: pointer;
}
.left-top:hover {
color: #4A4A4A;
color: #686666;
}
.left-body {
height: 60px;
font-size: 14px;
font-weight: 400;
color: #6D7278;
......@@ -206,7 +210,7 @@ div.subject {
height: 18px;
font-size: 18px;
font-weight: 500;
color: #4A4A4A;
color: #686666;
line-height: 0;
}
.right-top h2 {
......@@ -275,8 +279,9 @@ div.subject {
height: 14px;
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
color: #686666;
line-height: 14px;
margin-bottom: 5px;
}
.zcfg-body {
......
$(function () {
let Mydate = new Date()
let year = Mydate.getFullYear();
let minutes = Mydate.getMinutes()
let hour = Mydate.getHours();
let date = Mydate.getDate()
let month = Mydate.getMonth();
$('.date div:first-child').text(year)
$('.date div:nth-child(2)').text(month + 1 + "/" + date)
$('.date div:last-child').text(hour + ":" + minutes)
})
$(window).scroll(function () {
let juli = $(document).scrollTop();
if (juli > 360) {
$('.left-left').addClass('middle_active');
} else {
$('.left-left').removeClass('middle_active');
}
})
layui.use('element', function () {
var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
\ No newline at end of file
......@@ -22,10 +22,10 @@
<div class="left">
<ul class="leftContainer">
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./xwxq.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......@@ -56,10 +56,10 @@
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./xwxq.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......@@ -90,10 +90,10 @@
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./xwxq.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......@@ -124,10 +124,10 @@
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./xwxq.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......