71daf211 by weimo934

style():调整样式

1 parent d22f08cb
...@@ -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
......