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