style():调整样式
Showing
5 changed files
with
47 additions
and
63 deletions
... | @@ -18,17 +18,14 @@ | ... | @@ -18,17 +18,14 @@ |
18 | </head> | 18 | </head> |
19 | <body> | 19 | <body> |
20 | <div class="main"> | 20 | <div class="main"> |
21 | |||
22 | <div class="subject top-logo"> | 21 | <div class="subject top-logo"> |
23 | <div class="top_logo_content"> | 22 | <div class="top_logo_content"> |
24 | <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1> | 23 | <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1> |
25 | |||
26 | <div class="top_logo_search"> | 24 | <div class="top_logo_search"> |
27 | <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off" | 25 | <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off" |
28 | class="layui-input"> | 26 | class="layui-input"> |
29 | <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> | 27 | <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> |
30 | </div> | 28 | </div> |
31 | |||
32 | <ul class="login"> | 29 | <ul class="login"> |
33 | <li>登录</li> | 30 | <li>登录</li> |
34 | <li>注册</li> | 31 | <li>注册</li> |
... | @@ -227,7 +224,6 @@ | ... | @@ -227,7 +224,6 @@ |
227 | <img src="./../../images/code.png"> | 224 | <img src="./../../images/code.png"> |
228 | <p>扫描关注公众号</p> | 225 | <p>扫描关注公众号</p> |
229 | </li> | 226 | </li> |
230 | |||
231 | </ol> | 227 | </ol> |
232 | </div> | 228 | </div> |
233 | </div> | 229 | </div> |
... | @@ -248,16 +244,16 @@ | ... | @@ -248,16 +244,16 @@ |
248 | $('.gg').click(function () { | 244 | $('.gg').click(function () { |
249 | window.location.href = "./../ggxq/index.html" | 245 | window.location.href = "./../ggxq/index.html" |
250 | }) | 246 | }) |
251 | }) | 247 | layui.use('laypage', function () { |
252 | layui.use('laypage', function () { | 248 | let 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,不用加 # 号 | 252 | , count: 50 //数据总数,从服务端得到 |
257 | , count: 50 //数据总数,从服务端得到 | 253 | , prev: '<' |
258 | , prev: '<' | 254 | , next: '>' |
259 | , next: '>' | 255 | , theme: '#0091FF' |
260 | , theme: '#0091FF' | 256 | }); |
261 | }); | 257 | }); |
262 | }); | 258 | }) |
263 | </script> | 259 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -260,21 +260,19 @@ | ... | @@ -260,21 +260,19 @@ |
260 | <script type="text/javascript" src="../../lib/layui/layui.js"></script> | 260 | <script type="text/javascript" src="../../lib/layui/layui.js"></script> |
261 | <script type="text/javascript"> | 261 | <script type="text/javascript"> |
262 | layui.use('laypage', function () { | 262 | layui.use('laypage', function () { |
263 | var laypage = layui.laypage; | 263 | $(function () { |
264 | //执行一个laypage实例 | 264 | $('.xw').click(function () { |
265 | laypage.render({ | 265 | window.location.href = "./../xwxq/index.html"; |
266 | elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号 | 266 | }) |
267 | , count: 50 //数据总数,从服务端得到 | 267 | let laypage = layui.laypage; |
268 | , prev: '<' | 268 | //执行一个laypage实例 |
269 | , next: '>' | 269 | laypage.render({ |
270 | , theme: '#0091FF' | 270 | elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号 |
271 | , count: 50 //数据总数,从服务端得到 | ||
272 | , prev: '<' | ||
273 | , next: '>' | ||
274 | , theme: '#0091FF' | ||
275 | }); | ||
271 | }); | 276 | }); |
272 | }); | ||
273 | </script> | ||
274 | <script type="text/javascript"> | ||
275 | $(function () { | ||
276 | $('.xw').click(function () { | ||
277 | window.location.href = "./../xwxq/index.html"; | ||
278 | }) | ||
279 | }) | 277 | }) |
280 | </script> | 278 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -330,6 +330,7 @@ div.navigation { | ... | @@ -330,6 +330,7 @@ div.navigation { |
330 | margin-top: 20px; | 330 | margin-top: 20px; |
331 | padding-top: 20px; | 331 | padding-top: 20px; |
332 | display: inline-block; | 332 | display: inline-block; |
333 | width: 100%; | ||
333 | } | 334 | } |
334 | 335 | ||
335 | .pl-left, .pl-right { | 336 | .pl-left, .pl-right { |
... | @@ -403,35 +404,34 @@ div.navigation { | ... | @@ -403,35 +404,34 @@ div.navigation { |
403 | .plhf-main { | 404 | .plhf-main { |
404 | background-color: #F7F7F7; | 405 | background-color: #F7F7F7; |
405 | margin-top: 20px; | 406 | margin-top: 20px; |
406 | width: 750px; | 407 | width: 690px; |
407 | margin-left: 15px; | 408 | margin-left: 15px; |
408 | } | 409 | } |
409 | 410 | ||
410 | .plhf { | 411 | .plhf { |
411 | padding: 20px; | 412 | padding: 20px; |
412 | display: inline-block; | 413 | display: inline-block; |
413 | width: 775px; | 414 | width: 650px; |
414 | margin-left: 15px; | 415 | margin-left: 15px; |
415 | } | 416 | } |
416 | 417 | ||
417 | .plhf-top div { | 418 | .plhf-top div:first-child, .plhf-top div:last-child { |
418 | float: left; | 419 | float: left; |
419 | } | 420 | } |
420 | 421 | ||
421 | .plhf-top div:nth-child(1) { | 422 | .plhf-top span:first-child { |
423 | width: 43px; | ||
422 | height: 14px; | 424 | height: 14px; |
423 | font-size: 14px; | 425 | font-size: 14px; |
424 | font-family: PingFangSC-Medium, PingFang SC; | 426 | font-weight: bold; |
425 | font-weight: 500; | ||
426 | color: #4A4A4A; | 427 | color: #4A4A4A; |
427 | line-height: 14px; | 428 | line-height: 14px; |
428 | } | 429 | } |
429 | 430 | ||
430 | .plhf-top div:nth-child(2) { | 431 | .plhf-top span:last-child { |
431 | height: 14px; | 432 | height: 14px; |
432 | width: 700px; | 433 | width: 700px; |
433 | font-size: 14px; | 434 | font-size: 14px; |
434 | font-family: PingFangSC-Regular, PingFang SC; | ||
435 | font-weight: 400; | 435 | font-weight: 400; |
436 | color: #4A4A4A; | 436 | color: #4A4A4A; |
437 | line-height: 14px; | 437 | line-height: 14px; |
... | @@ -441,7 +441,6 @@ div.navigation { | ... | @@ -441,7 +441,6 @@ div.navigation { |
441 | float: left; | 441 | float: left; |
442 | height: 14px; | 442 | height: 14px; |
443 | font-size: 14px; | 443 | font-size: 14px; |
444 | font-family: PingFangSC-Regular, PingFang SC; | ||
445 | font-weight: 400; | 444 | font-weight: 400; |
446 | color: #9B9B9B; | 445 | color: #9B9B9B; |
447 | line-height: 14px; | 446 | line-height: 14px; |
... | @@ -463,10 +462,12 @@ div.navigation { | ... | @@ -463,10 +462,12 @@ div.navigation { |
463 | .left, .right { | 462 | .left, .right { |
464 | float: left; | 463 | float: left; |
465 | } | 464 | } |
466 | .left2{ | 465 | |
466 | .left2 { | ||
467 | width: 80px; | 467 | width: 80px; |
468 | float: left; | 468 | float: left; |
469 | } | 469 | } |
470 | |||
470 | .right { | 471 | .right { |
471 | width: 200px; | 472 | width: 200px; |
472 | margin-left: 15px; | 473 | margin-left: 15px; | ... | ... |
... | @@ -150,12 +150,8 @@ | ... | @@ -150,12 +150,8 @@ |
150 | <div class="plhf"> | 150 | <div class="plhf"> |
151 | <div class="plhf-body"> | 151 | <div class="plhf-body"> |
152 | <div class="plhf-top"> | 152 | <div class="plhf-top"> |
153 | <div> | ||
154 | <span>博文:</span> | 153 | <span>博文:</span> |
155 | </div> | ||
156 | <div> | ||
157 | <span>他们又不是中国人,几代人生活在美国,早就是美国人了,,管我们屁事啊</span> | 154 | <span>他们又不是中国人,几代人生活在美国,早就是美国人了,,管我们屁事啊</span> |
158 | </div> | ||
159 | </div> | 155 | </div> |
160 | <div class="plhf-bottom"> | 156 | <div class="plhf-bottom"> |
161 | <div> | 157 | <div> |
... | @@ -170,12 +166,8 @@ | ... | @@ -170,12 +166,8 @@ |
170 | <div class="plhf"> | 166 | <div class="plhf"> |
171 | <div class="plhf-body"> | 167 | <div class="plhf-body"> |
172 | <div class="plhf-top"> | 168 | <div class="plhf-top"> |
173 | <div> | ||
174 | <span>博文:</span> | 169 | <span>博文:</span> |
175 | </div> | ||
176 | <div> | ||
177 | <span>他们又不是中国人,几代人生活在美国,早就是美国人了,,管我们屁事啊</span> | 170 | <span>他们又不是中国人,几代人生活在美国,早就是美国人了,,管我们屁事啊</span> |
178 | </div> | ||
179 | </div> | 171 | </div> |
180 | <div class="plhf-bottom"> | 172 | <div class="plhf-bottom"> |
181 | <div> | 173 | <div> |
... | @@ -371,8 +363,18 @@ | ... | @@ -371,8 +363,18 @@ |
371 | <script type="text/javascript" src="../../js/main.min.js?t=1"></script> | 363 | <script type="text/javascript" src="../../js/main.min.js?t=1"></script> |
372 | <script type="text/javascript" src="../../lib/layui/layui.js"></script> | 364 | <script type="text/javascript" src="../../lib/layui/layui.js"></script> |
373 | <script type="text/javascript"> | 365 | <script type="text/javascript"> |
366 | $(function () { | ||
367 | let Mydate = new Date() | ||
368 | let year = Mydate.getFullYear(); | ||
369 | let minutes = Mydate.getMinutes() | ||
370 | let hour = Mydate.getHours(); | ||
371 | let date = Mydate.getDate() | ||
372 | let month = Mydate.getMonth(); | ||
373 | $('.date div:first-child').text(year) | ||
374 | $('.date div:nth-child(2)').text(month + 1 + "/" + date) | ||
375 | $('.date div:last-child').text(hour + ":" + minutes) | ||
376 | }) | ||
374 | $(window).scroll(function () { | 377 | $(window).scroll(function () { |
375 | |||
376 | let juli = $(document).scrollTop(); | 378 | let juli = $(document).scrollTop(); |
377 | if (juli > 550) { | 379 | if (juli > 550) { |
378 | $('.left-left').addClass('middle_active'); | 380 | $('.left-left').addClass('middle_active'); |
... | @@ -381,16 +383,3 @@ | ... | @@ -381,16 +383,3 @@ |
381 | } | 383 | } |
382 | }) | 384 | }) |
383 | </script> | 385 | </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 | ... | ... |
... | @@ -307,7 +307,7 @@ | ... | @@ -307,7 +307,7 @@ |
307 | <script type="text/javascript" src="../../lib/layui/layui.js"></script> | 307 | <script type="text/javascript" src="../../lib/layui/layui.js"></script> |
308 | <script> | 308 | <script> |
309 | layui.use('element', function () { | 309 | layui.use('element', function () { |
310 | var $ = layui.jquery | 310 | let $ = layui.jquery |
311 | , element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块 | 311 | , element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块 |
312 | }); | 312 | }); |
313 | </script> | 313 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment