Merge branch 'master' of yun.pashanhoo.com:renchao/portalStaticPage
Showing
5 changed files
with
79 additions
and
20 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; | ... | ... |
... | @@ -271,3 +271,10 @@ | ... | @@ -271,3 +271,10 @@ |
271 | }); | 271 | }); |
272 | }); | 272 | }); |
273 | </script> | 273 | </script> |
274 | <script type="text/javascript"> | ||
275 | $(function () { | ||
276 | $('.xw').click(function () { | ||
277 | window.location.href = "./../xwxq/index.html"; | ||
278 | }) | ||
279 | }) | ||
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,9 +66,10 @@ | ... | @@ -65,9 +66,10 @@ |
65 | <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span> | 66 | <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span> |
66 | </div> | 67 | </div> |
67 | </div> | 68 | </div> |
69 | <div class="left2"> | ||
68 | <div class="left-left"> | 70 | <div class="left-left"> |
69 | <div class="date"> | 71 | <div class="date"> |
70 | <div>2020</div> | 72 | <div></div> |
71 | <div>10/27</div> | 73 | <div>10/27</div> |
72 | <div>20:53</div> | 74 | <div>20:53</div> |
73 | </div> | 75 | </div> |
... | @@ -94,6 +96,7 @@ | ... | @@ -94,6 +96,7 @@ |
94 | <div>评论图标</div> | 96 | <div>评论图标</div> |
95 | </div> | 97 | </div> |
96 | </div> | 98 | </div> |
99 | </div> | ||
97 | <div class="left-right"> | 100 | <div class="left-right"> |
98 | <div class="body"> | 101 | <div class="body"> |
99 | <span> | 102 | <span> |
... | @@ -222,8 +225,6 @@ | ... | @@ -222,8 +225,6 @@ |
222 | </div> | 225 | </div> |
223 | </div> | 226 | </div> |
224 | </div> | 227 | </div> |
225 | </div> | ||
226 | |||
227 | <div class="right"> | 228 | <div class="right"> |
228 | <div class="right-top"> | 229 | <div class="right-top"> |
229 | <h2>新闻推荐</h2> | 230 | <h2>新闻推荐</h2> |
... | @@ -279,6 +280,8 @@ | ... | @@ -279,6 +280,8 @@ |
279 | </div> | 280 | </div> |
280 | </div> | 281 | </div> |
281 | </div> | 282 | </div> |
283 | |||
284 | </div> | ||
282 | <div class="footer"> | 285 | <div class="footer"> |
283 | <div class="system_service"> | 286 | <div class="system_service"> |
284 | <ul class=""> | 287 | <ul class=""> |
... | @@ -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]--> |
... | @@ -360,3 +370,27 @@ | ... | @@ -360,3 +370,27 @@ |
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> | 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 | ... | ... |
-
Please register or sign in to post a comment