style:首页
Showing
8 changed files
with
72 additions
and
5 deletions
... | @@ -94,7 +94,28 @@ | ... | @@ -94,7 +94,28 @@ |
94 | <!-- 新闻模块 --> | 94 | <!-- 新闻模块 --> |
95 | <div class="news-module"> | 95 | <div class="news-module"> |
96 | <a class="top-title">党的十八大以来 双拥工将生产能力烈士来作综述:为实现中国梦强军梦凝聚强大力量</a> | 96 | <a class="top-title">党的十八大以来 双拥工将生产能力烈士来作综述:为实现中国梦强军梦凝聚强大力量</a> |
97 | 97 | <div class="news-module-box"> | |
98 | <img class="news-img" src="/staticImages/default-news.png" /> | ||
99 | <ul class="news-title"> | ||
100 | <li class="hot-focus"> | ||
101 | <img src="/staticImages/redian.png" /> | ||
102 | 热点聚焦 | ||
103 | </li> | ||
104 | <li> | ||
105 | 新闻动态 | ||
106 | </li> | ||
107 | <li class="see-more"> | ||
108 | <a>查看全部</a> | ||
109 | <img src="/staticImages/more.png" /> | ||
110 | </li> | ||
111 | </ul> | ||
112 | <ul class="hotspot-list"> | ||
113 | |||
114 | </ul> | ||
115 | <ul class="news-information-list"> | ||
116 | |||
117 | </ul> | ||
118 | </div> | ||
98 | </div> | 119 | </div> |
99 | 120 | ||
100 | <div class="c_one"> | 121 | <div class="c_one"> | ... | ... |
... | @@ -388,6 +388,8 @@ div.top-logo .top_logo_search i { | ... | @@ -388,6 +388,8 @@ div.top-logo .top_logo_search i { |
388 | /* 头部搜索区域 */ | 388 | /* 头部搜索区域 */ |
389 | .head-search { | 389 | .head-search { |
390 | padding: 40px 0; | 390 | padding: 40px 0; |
391 | background: url('../staticImages/top_back-ground.png') no-repeat; | ||
392 | background-size: cover; | ||
391 | } | 393 | } |
392 | .head-contentBox { | 394 | .head-contentBox { |
393 | width: 1200px; | 395 | width: 1200px; | ... | ... |
... | @@ -606,10 +606,54 @@ div.c_five ul li a img { | ... | @@ -606,10 +606,54 @@ div.c_five ul li a img { |
606 | color: #4A4A4A; | 606 | color: #4A4A4A; |
607 | line-height: 45px; | 607 | line-height: 45px; |
608 | margin: 0 auto; | 608 | margin: 0 auto; |
609 | padding-top: 40px; | 609 | padding: 40px 0 35px 0; |
610 | overflow: hidden; | 610 | overflow: hidden; |
611 | text-overflow: ellipsis; | 611 | text-overflow: ellipsis; |
612 | display: -webkit-box; | 612 | display: -webkit-box; |
613 | -webkit-line-clamp: 3;/*超出3行部分显示省略号,去掉该属性 显示全部*/ | 613 | -webkit-line-clamp: 3;/*超出3行部分显示省略号,去掉该属性 显示全部*/ |
614 | -webkit-box-orient: vertical; | 614 | -webkit-box-orient: vertical; |
615 | } | ||
616 | /* 新闻内容 */ | ||
617 | .news-module-box { | ||
618 | width: 1200px; | ||
619 | margin: 0 auto; | ||
620 | } | ||
621 | .news-module-box .news-img{ | ||
622 | float: left; | ||
623 | width: 680px; | ||
624 | } | ||
625 | .news-title { | ||
626 | float: right; | ||
627 | border-bottom: 1px solid #EAEAEA; | ||
628 | padding-bottom: 20px; | ||
629 | } | ||
630 | .news-title li { | ||
631 | display: inline-block; | ||
632 | font-size: 22px; | ||
633 | color: #4A4A4A; | ||
634 | cursor: pointer; | ||
635 | } | ||
636 | .news-title .hot-focus { | ||
637 | margin-right: 100px; | ||
638 | } | ||
639 | .news-title li:nth-child(2) { | ||
640 | margin-right: 100px; | ||
641 | } | ||
642 | .news-title .hot-focus img{ | ||
643 | width: 16px; | ||
644 | height: 17px; | ||
645 | position: relative; | ||
646 | top: 3px; | ||
647 | } | ||
648 | .news-title .see-more { | ||
649 | position: relative; | ||
650 | top: -5px; | ||
651 | } | ||
652 | .news-title .see-more a{ | ||
653 | color: #9B9B9B; | ||
654 | font-size: 16px; | ||
655 | } | ||
656 | .news-title .see-more img{ | ||
657 | width: 6px; | ||
658 | height: 12px; | ||
615 | } | 659 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
staticImages/default-news.png
0 → 100644
289 KB
staticImages/more.png
0 → 100644
761 Bytes
staticImages/redian.png
0 → 100644
1.22 KB
staticImages/top_back-ground.png
0 → 100644
416 KB
... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
5 | <style> | 5 | <style> |
6 | </style> | 6 | </style> |
7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
8 | <title>公示公告</title> | 8 | <title>公告</title> |
9 | <script type="text/javascript" src="../../staticJs/head.js"></script> | 9 | <script type="text/javascript" src="../../staticJs/head.js"></script> |
10 | <link rel="stylesheet" type="text/css" href="../../staticCss/gsgg.css"> | 10 | <link rel="stylesheet" type="text/css" href="../../staticCss/gsgg.css"> |
11 | </head> | 11 | </head> |
... | @@ -24,8 +24,8 @@ | ... | @@ -24,8 +24,8 @@ |
24 | <div class="layui-tab layui-tab-brief"> | 24 | <div class="layui-tab layui-tab-brief"> |
25 | <ul class="layui-tab-title"> | 25 | <ul class="layui-tab-title"> |
26 | <li class="layui-this"><a href="">全部</a></li> | 26 | <li class="layui-this"><a href="">全部</a></li> |
27 | <li><a href="">公示</a></li> | 27 | <li><a href="/staticViews/gongshi/1.html">公示</a></li> |
28 | <li><a href="">公告</a></li> | 28 | <li><a href="/staticViews/gonggao/1.html">公告</a></li> |
29 | </ul> | 29 | </ul> |
30 | </div> | 30 | </div> |
31 | <!-- 列表区域 --> | 31 | <!-- 列表区域 --> | ... | ... |
-
Please register or sign in to post a comment