style:新闻详情

任超
Showing 7 changed files with 80 additions and 33 deletions
staticCss/common.css
staticCss/xwdt.css
staticViews/xwxq/css/index.css → staticCss/xwxq.css
staticCss/zcfg.css
staticJs/xwxq.js
staticViews/xwdt.html
staticViews/xwxq/index.html → staticViews/xwxq.html
--- a/staticCss/common.css
View file @48fc1e4
+++ b/staticCss/common.css
View file @48fc1e4
@@ -10,6 +10,9 @@
    background-color: #1E9FFF;
    color: #fff;
 }
+.layui-icon-search {
+    color: #6D7278;
+}
 /* ----------------------公共样式-------------------------- */
 .contentBox {
    width: 1200px;
--- a/staticCss/xwdt.css
View file @48fc1e4
+++ b/staticCss/xwdt.css
View file @48fc1e4
@@ -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;
--- a/staticViews/xwxq/css/index.css → staticCss/xwxq.css
View file @48fc1e4
+++ b/staticViews/xwxq/css/index.css → staticCss/xwxq.css
View file @48fc1e4
-* {
+.middle_active {
-    padding: 0;
+    position: fixed;
-    margin: 0;
+    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;
+    height: 14px;
-    font-size: 12px;
+    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;
+    margin-top: 30px;
-    width: 690px;
+    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;
+    height: 14px;
-    font-size: 12px;
+    font-size: 14px;
    font-weight: 400;
    color: #9B9B9B;
-    line-height: 12px;
+    line-height: 16px;
 }
 .right-bottom {
--- a/staticCss/zcfg.css
View file @48fc1e4
+++ b/staticCss/zcfg.css
View file @48fc1e4
@@ -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 {
--- a/staticJs/xwxq.js 0 → 100644
View file @48fc1e4
+++ b/staticJs/xwxq.js 0 → 100644
View file @48fc1e4
+$(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
--- a/staticViews/xwdt.html
View file @48fc1e4
+++ b/staticViews/xwdt.html
View file @48fc1e4
@@ -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">
--- a/staticViews/xwxq/index.html → staticViews/xwxq.html
View file @48fc1e4
+++ b/staticViews/xwxq/index.html → staticViews/xwxq.html
View file @48fc1e4