Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
000cdd4c by 任超
Options

Merge branch 'master' of yun.pashanhoo.com:renchao/portalStaticPage

2 parents 3863ed02 d22f08cb
Inline Side-by-side
Showing 5 changed files with 141 additions and 82 deletions
...@@ -244,8 +244,13 @@ ...@@ -244,8 +244,13 @@
244 <script type="text/javascript" src="../../js/main.min.js?t=1"></script> 244 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
245 <script type="text/javascript" src="../../lib/layui/layui.js"></script> 245 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
246 <script type="text/javascript"> 246 <script type="text/javascript">
247 $(function () {
248 $('.gg').click(function () {
249 window.location.href = "./../ggxq/index.html"
250 })
251 })
247 layui.use('laypage', function () { 252 layui.use('laypage', function () {
248 var laypage = layui.laypage; 253 let laypage = layui.laypage;
249 //执行一个laypage实例 254 //执行一个laypage实例
250 laypage.render({ 255 laypage.render({
251 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号 256 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
......
...@@ -188,9 +188,9 @@ div.navigation { ...@@ -188,9 +188,9 @@ div.navigation {
188 margin-top: 20px; 188 margin-top: 20px;
189 text-align: center; 189 text-align: center;
190 } 190 }
191
192 .right { 191 .right {
193 width: 200px; 192 width: 200px;
193 margin-top: 20px;
194 margin-left: 15px; 194 margin-left: 15px;
195 } 195 }
196 196
...@@ -198,7 +198,6 @@ div.navigation { ...@@ -198,7 +198,6 @@ div.navigation {
198 width: 100px; 198 width: 100px;
199 height: 18px; 199 height: 18px;
200 font-size: 18px; 200 font-size: 18px;
201 font-family: PingFangSC-Medium, PingFang SC;
202 font-weight: 500; 201 font-weight: 500;
203 color: #4A4A4A; 202 color: #4A4A4A;
204 line-height: 18px; 203 line-height: 18px;
......
...@@ -270,4 +270,11 @@ ...@@ -270,4 +270,11 @@
270 , theme: '#0091FF' 270 , theme: '#0091FF'
271 }); 271 });
272 }); 272 });
273 </script>
274 <script type="text/javascript">
275 $(function () {
276 $('.xw').click(function () {
277 window.location.href = "./../xwxq/index.html";
278 })
279 })
273 </script> 280 </script>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,10 +5,12 @@ ...@@ -5,10 +5,12 @@
5 5
6 .main { 6 .main {
7 } 7 }
8 .mainbody{ 8
9 .mainbody {
9 width: 1200px; 10 width: 1200px;
10 margin: 0 auto; 11 margin: 0 auto;
11 } 12 }
13
12 /*================首页 start=====================*/ 14 /*================首页 start=====================*/
13 div a { 15 div a {
14 color: #000000; 16 color: #000000;
...@@ -26,6 +28,7 @@ div.subject { ...@@ -26,6 +28,7 @@ div.subject {
26 position: relative; 28 position: relative;
27 min-width: 1200px; 29 min-width: 1200px;
28 } 30 }
31
29 /*新闻 */ 32 /*新闻 */
30 div.top-logo { 33 div.top-logo {
31 width: 1200px; 34 width: 1200px;
...@@ -44,24 +47,29 @@ div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */ ...@@ -44,24 +47,29 @@ div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
44 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */ 47 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
45 font-size: 13px; 48 font-size: 13px;
46 } 49 }
50
47 .top_logo_content { 51 .top_logo_content {
48 height: 40px; 52 height: 40px;
49 width: 100%; 53 width: 100%;
50 margin: 0 auto; 54 margin: 0 auto;
51 } 55 }
56
52 div.top-logo .top_logo_search { 57 div.top-logo .top_logo_search {
53 float: left; 58 float: left;
54 width: 350px; 59 width: 350px;
55 position: relative; 60 position: relative;
56 margin-left: 400px; 61 margin-left: 400px;
57 } 62 }
63
58 div.top-logo .top_logo_search input { 64 div.top-logo .top_logo_search input {
59 border-radius: 50px; 65 border-radius: 50px;
60 } 66 }
67
61 div.top-logo .login { 68 div.top-logo .login {
62 float: right; 69 float: right;
63 margin-top: 8px; 70 margin-top: 8px;
64 } 71 }
72
65 div.top-logo .top_logo_search i { 73 div.top-logo .top_logo_search i {
66 position: absolute; 74 position: absolute;
67 right: 10px; 75 right: 10px;
...@@ -75,6 +83,7 @@ div.top-logo .top_logo_search i { ...@@ -75,6 +83,7 @@ div.top-logo .top_logo_search i {
75 display: inline-block; 83 display: inline-block;
76 float: left; 84 float: left;
77 } 85 }
86
78 /*------------------首页 end------------*/ 87 /*------------------首页 end------------*/
79 88
80 .top-logo ul li { 89 .top-logo ul li {
...@@ -89,13 +98,15 @@ div.top-logo .top_logo_search i { ...@@ -89,13 +98,15 @@ div.top-logo .top_logo_search i {
89 div.navigation { 98 div.navigation {
90 text-align: center; 99 text-align: center;
91 } 100 }
101
92 .navigation .layui-nav-item { 102 .navigation .layui-nav-item {
93 width: 100px; 103 width: 100px;
94 position: relative; 104 position: relative;
95 margin: 0 22px; 105 margin: 0 22px;
96 } 106 }
107
97 .layui-bg-blue { 108 .layui-bg-blue {
98 background-color: #006CFF!important; 109 background-color: #006CFF !important;
99 } 110 }
100 111
101 .layui-nav-item:not(:first-child)::before { 112 .layui-nav-item:not(:first-child)::before {
...@@ -108,7 +119,6 @@ div.navigation { ...@@ -108,7 +119,6 @@ div.navigation {
108 } 119 }
109 120
110 121
111
112 .title { 122 .title {
113 height: 30px; 123 height: 30px;
114 font-size: 30px; 124 font-size: 30px;
...@@ -183,7 +193,6 @@ div.navigation { ...@@ -183,7 +193,6 @@ div.navigation {
183 } 193 }
184 194
185 .date div:nth-child(2) { 195 .date div:nth-child(2) {
186 width: 61px;
187 height: 24px; 196 height: 24px;
188 font-size: 24px; 197 font-size: 24px;
189 font-weight: 500; 198 font-weight: 500;
...@@ -192,7 +201,8 @@ div.navigation { ...@@ -192,7 +201,8 @@ div.navigation {
192 } 201 }
193 202
194 .left-right { 203 .left-right {
195 width: 830px; 204 width: 765px;
205 float: right;
196 } 206 }
197 207
198 .body { 208 .body {
...@@ -276,7 +286,7 @@ div.navigation { ...@@ -276,7 +286,7 @@ div.navigation {
276 } 286 }
277 287
278 .layui-textarea { 288 .layui-textarea {
279 width: 93%!important; 289 width: 93% !important;
280 } 290 }
281 291
282 .commentInput button { 292 .commentInput button {
...@@ -288,6 +298,10 @@ div.navigation { ...@@ -288,6 +298,10 @@ div.navigation {
288 margin-top: 20px; 298 margin-top: 20px;
289 } 299 }
290 300
301 .Commentdetails {
302 margin-bottom: 20px;
303 }
304
291 .CommentdetailsTitle { 305 .CommentdetailsTitle {
292 height: auto; 306 height: auto;
293 margin-top: 20px; 307 margin-top: 20px;
...@@ -389,7 +403,7 @@ div.navigation { ...@@ -389,7 +403,7 @@ div.navigation {
389 .plhf-main { 403 .plhf-main {
390 background-color: #F7F7F7; 404 background-color: #F7F7F7;
391 margin-top: 20px; 405 margin-top: 20px;
392 width: 800px; 406 width: 750px;
393 margin-left: 15px; 407 margin-left: 15px;
394 } 408 }
395 409
...@@ -446,17 +460,17 @@ div.navigation { ...@@ -446,17 +460,17 @@ div.navigation {
446 margin-left: 50px; 460 margin-left: 50px;
447 } 461 }
448 462
449 .right {
450 width: 400px;
451 }
452
453 .left, .right { 463 .left, .right {
454 float: left; 464 float: left;
455 } 465 }
456 466 .left2{
467 width: 80px;
468 float: left;
469 }
457 .right { 470 .right {
458 width: 200px; 471 width: 200px;
459 margin-left: 15px; 472 margin-left: 15px;
473 margin-top: 20px;
460 } 474 }
461 475
462 .right-top { 476 .right-top {
......
...@@ -25,10 +25,11 @@ ...@@ -25,10 +25,11 @@
25 25
26 <div class="subject top-logo"> 26 <div class="subject top-logo">
27 <div class="top_logo_content"> 27 <div class="top_logo_content">
28 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台" /></a></h1> 28 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
29 29
30 <div class="top_logo_search"> 30 <div class="top_logo_search">
31 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off" 31 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
32 autocomplete="off"
32 class="layui-input"> 33 class="layui-input">
33 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> 34 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
34 </div> 35 </div>
...@@ -65,33 +66,35 @@ ...@@ -65,33 +66,35 @@
65 <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span> 66 <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span>
66 </div> 67 </div>
67 </div> 68 </div>
68 <div class="left-left"> 69 <div class="left2">
69 <div class="date"> 70 <div class="left-left">
70 <div>2020</div> 71 <div class="date">
71 <div>10/27</div> 72 <div></div>
72 <div>20:53</div> 73 <div>10/27</div>
73 </div> 74 <div>20:53</div>
74 <div class="readNum">
75 <div>
76 <span>阅读量</span>
77 </div> 75 </div>
78 <div> 76 <div class="readNum">
79 <span>1132</span> 77 <div>
78 <span>阅读量</span>
79 </div>
80 <div>
81 <span>1132</span>
82 </div>
80 </div> 83 </div>
81 </div> 84 <div class="share">
82 <div class="share"> 85 <div>-分享-</div>
83 <div>-分享-</div> 86 <div>微信</div>
84 <div>微信</div> 87 <div>朋友圈</div>
85 <div>朋友圈</div> 88 <div>微博</div>
86 <div>微博</div> 89 <div>qq</div>
87 <div>qq</div> 90 <div>qq空间</div>
88 <div>qq空间</div> 91 </div>
89 </div> 92 <div class="comment">
90 <div class="comment"> 93 <div>
91 <div> 94 <span>--评论--</span>
92 <span>--评论--</span> 95 </div>
96 <div>评论图标</div>
93 </div> 97 </div>
94 <div>评论图标</div>
95 </div> 98 </div>
96 </div> 99 </div>
97 <div class="left-right"> 100 <div class="left-right">
...@@ -222,62 +225,62 @@ ...@@ -222,62 +225,62 @@
222 </div> 225 </div>
223 </div> 226 </div>
224 </div> 227 </div>
225 </div> 228 <div class="right">
226 229 <div class="right-top">
227 <div class="right"> 230 <h2>新闻推荐</h2>
228 <div class="right-top"> 231 </div>
229 <h2>新闻推荐</h2> 232 <div class="right-body">
230 </div> 233 <div class="tj">
231 <div class="right-body"> 234 <img
232 <div class="tj"> 235 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
233 <img 236 <span class="tj-title">
234 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
235 <span class="tj-title">
236 爬山虎国土空间信息化解决方案 237 爬山虎国土空间信息化解决方案
237 </span> 238 </span>
238 <span class="tj-date"> 239 <span class="tj-date">
239 2020-12-12 240 2020-12-12
240 </span> 241 </span>
241 </div> 242 </div>
242 <div class="tj"> 243 <div class="tj">
243 <img 244 <img
244 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 245 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
245 <span class="tj-title"> 246 <span class="tj-title">
246 爬山虎国土空间信息化解决方案终极方案 247 爬山虎国土空间信息化解决方案终极方案
247 </span> 248 </span>
248 <span class="tj-date"> 249 <span class="tj-date">
249 2020-12-12 250 2020-12-12
250 </span> 251 </span>
251 </div>
252 </div>
253 <div class="right-bottom">
254 <div class="right-bottom-top">
255 <span>政策法规推荐</span>
256 </div>
257 <div class="zcfg">
258 <div class="zcfg-top">
259 <span>爬山虎国土空间规划信息化解决</span>
260 </div>
261 <div class="zcfg-body">
262 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
263 </div>
264 <div class="zcfg-bottom">
265 <span>2020-10-28</span>
266 </div> 252 </div>
267 </div> 253 </div>
268 <div class="zcfg"> 254 <div class="right-bottom">
269 <div class="zcfg-top"> 255 <div class="right-bottom-top">
270 <span>爬山虎国土空间规划信息化解决</span> 256 <span>政策法规推荐</span>
271 </div> 257 </div>
272 <div class="zcfg-body"> 258 <div class="zcfg">
273 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span> 259 <div class="zcfg-top">
260 <span>爬山虎国土空间规划信息化解决</span>
261 </div>
262 <div class="zcfg-body">
263 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
264 </div>
265 <div class="zcfg-bottom">
266 <span>2020-10-28</span>
267 </div>
274 </div> 268 </div>
275 <div class="zcfg-bottom"> 269 <div class="zcfg">
276 <span>2020-10-28</span> 270 <div class="zcfg-top">
271 <span>爬山虎国土空间规划信息化解决</span>
272 </div>
273 <div class="zcfg-body">
274 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
275 </div>
276 <div class="zcfg-bottom">
277 <span>2020-10-28</span>
278 </div>
277 </div> 279 </div>
278 </div> 280 </div>
279 </div> 281 </div>
280 </div> 282 </div>
283
281 </div> 284 </div>
282 <div class="footer"> 285 <div class="footer">
283 <div class="system_service"> 286 <div class="system_service">
...@@ -351,6 +354,13 @@ ...@@ -351,6 +354,13 @@
351 </div> 354 </div>
352 </body> 355 </body>
353 </html> 356 </html>
357 <style type="text/css">
358 .middle_active {
359 position: fixed;
360 top: 0;
361 z-index: 99;
362 }
363 </style>
354 <!--[if (gte IE 9)|!(IE)]><!--> 364 <!--[if (gte IE 9)|!(IE)]><!-->
355 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script> 365 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
356 <!--<![endif]--> 366 <!--<![endif]-->
...@@ -359,4 +369,28 @@ ...@@ -359,4 +369,28 @@
359 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script> 369 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
360 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script> 370 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
361 <script type="text/javascript" src="../../js/main.min.js?t=1"></script> 371 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
362 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
...\ No newline at end of file ...\ No newline at end of file
372 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
373 <script type="text/javascript">
374 $(window).scroll(function () {
375
376 let juli = $(document).scrollTop();
377 if (juli > 550) {
378 $('.left-left').addClass('middle_active');
379 } else {
380 $('.left-left').removeClass('middle_active');
381 }
382 })
383 </script>
384 <script type="text/javascript">
385 $(function () {
386 let Mydate = new Date()
387 let year = Mydate.getFullYear();
388 let minutes = Mydate.getMinutes()
389 let hour=Mydate.getHours();
390 let date = Mydate.getDate()
391 let month = Mydate.getMonth();
392 $('.date div:first-child').text(year)
393 $('.date div:nth-child(2)').text(month+1 + "/" + date)
394 $('.date div:last-child').text(hour+":"+minutes)
395 })
396 </script>
...\ No newline at end of file ...\ No newline at end of file
......