Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
77f3b5af by 任超
Options

style:首页的修改

1 parent 0901f53f
Inline Side-by-side
Showing 4 changed files with 44 additions and 11 deletions
...@@ -166,7 +166,7 @@ ...@@ -166,7 +166,7 @@
166 <div class="c_two convenient-service"> 166 <div class="c_two convenient-service">
167 <h2 class="convenient-service-title"> 167 <h2 class="convenient-service-title">
168 <img src="/staticImages/bianminfuwu.png" /> 168 <img src="/staticImages/bianminfuwu.png" />
169 <a href="/index.html" title="便民服务">便民服务</a> 169 <a href="/index.html" class="service-title-href" title="便民服务">便民服务</a>
170 </h2> 170 </h2>
171 <ul class="convenient-service-list"> 171 <ul class="convenient-service-list">
172 <li> 172 <li>
...@@ -425,8 +425,9 @@ ...@@ -425,8 +425,9 @@
425 <!-- 友情链接 --> 425 <!-- 友情链接 -->
426 <div class="c_five Links"> 426 <div class="c_five Links">
427 <div class="subject"> 427 <div class="subject">
428 <h2> 428 <h2 class="links-title">
429 <a href="" title="友情链接"> 429 <img src="/staticImages/home-yqlj.png" />
430 <a href="/index.html" title="友情链接">
430 友情链接 431 友情链接
431 </a> 432 </a>
432 </h2> 433 </h2>
......
...@@ -202,6 +202,9 @@ div.c_five ul li a img { ...@@ -202,6 +202,9 @@ div.c_five ul li a img {
202 -webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/ 202 -webkit-line-clamp: 3;/*超出3行部分显示省略号，去掉该属性 显示全部*/
203 -webkit-box-orient: vertical; 203 -webkit-box-orient: vertical;
204 } 204 }
205 .news-module .top-title:hover {
206 color: #5aa7e2;
207 }
205 /* 新闻内容 */ 208 /* 新闻内容 */
206 .news-module-box { 209 .news-module-box {
207 width: 1200px; 210 width: 1200px;
...@@ -232,7 +235,7 @@ div.c_five ul li a img { ...@@ -232,7 +235,7 @@ div.c_five ul li a img {
232 margin-right: 100px; 235 margin-right: 100px;
233 } 236 }
234 .news-module-box .item-list li:hover a{ 237 .news-module-box .item-list li:hover a{
235 color: #0091FF; 238 color: #0e8ded;
236 } 239 }
237 /* 选中样式 */ 240 /* 选中样式 */
238 .news-active { 241 .news-active {
...@@ -334,6 +337,9 @@ div.c_five ul li a img { ...@@ -334,6 +337,9 @@ div.c_five ul li a img {
334 font-size: 32px; 337 font-size: 32px;
335 font-weight: 600; 338 font-weight: 600;
336 } 339 }
340 .convenient-service .convenient-service-title:hover a {
341 color: #5495FE;
342 }
337 .convenient-service-list { 343 .convenient-service-list {
338 width: 1200px; 344 width: 1200px;
339 margin: 0 auto; 345 margin: 0 auto;
...@@ -758,3 +764,14 @@ div.c_five ul li a img { ...@@ -758,3 +764,14 @@ div.c_five ul li a img {
758 position: relative; 764 position: relative;
759 top: 20px; 765 top: 20px;
760 } 766 }
767 /* 友情链接 */
768 .links-title img {
769 height: 32px;
770 position: relative;
771 top: 5px;
772 }
773 .links-title a {
774 color: #3C4A66;
775 font-size: 32px!important;
776 font-weight: 600;
777 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -21,17 +21,32 @@ ...@@ -21,17 +21,32 @@
21 </div> 21 </div>
22 </div> 22 </div>
23 <div class="mainbody"> 23 <div class="mainbody">
24 <div class="layui-tab layui-tab-brief">
25 <ul class="layui-tab-title">
26 <li class="layui-this"><a href="">全部</a></li>
27 <li><a href="/staticViews/gongshi/1.html">公示</a></li>
28 <li><a href="/staticViews/gonggao/1.html">公告</a></li>
29 </ul>
30 </div>
31 <!-- 列表区域 --> 24 <!-- 列表区域 -->
32 <div class="listArea"> 25 <div class="listArea">
33 <div class="announcement_list"> 26 <div class="announcement_list">
34 <ul class="gglist" id="notice-list"> 27 <ul class="gglist" id="notice-list">
28 <!-- 公示 -->
29 <li>
30 <a href="/staticImages/notice/" target="_blank">
31 <div class="notice-item">
32 <svg class="icon svg-icon" aria-hidden="true">
33 <use xlink:href="#icongongshi"></use>
34 </svg>
35 <p class="item_list"> 2222222 </p>
36 </div>
37 </a>
38 </li>
39 <!-- 公告 -->
40 <li>
41 <a href="/staticImages/notice/" target="_blank">
42 <div class="notice-item">
43 <svg class="icon svg-icon" aria-hidden="true">
44 <use xlink:href="#icongonggao1"></use>
45 </svg>
46 <p class="item_list"> 2222222 </p>
47 </div>
48 </a>
49 </li>
35 </ul> 50 </ul>
36 <div id="page"></div> 51 <div id="page"></div>
37 </div> 52 </div>
......