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