Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3ee806de by 任超
Options

style:首页的修改

1 parent ee93f7e9
Inline Side-by-side
Showing 4 changed files with 122 additions and 324 deletions
...@@ -48,7 +48,9 @@ div a { ...@@ -48,7 +48,9 @@ div a {
48 div.subject h2 a:hover { 48 div.subject h2 a:hover {
49 color: #f46143; 49 color: #f46143;
50 } 50 }
51 51 .layui-nav-item a{
52 font-size: 16px;
53 }
52 div.subject { 54 div.subject {
53 margin: 0 auto; 55 margin: 0 auto;
54 float: none; 56 float: none;
...@@ -57,9 +59,10 @@ div.subject { ...@@ -57,9 +59,10 @@ div.subject {
57 min-width: 1200px; 59 min-width: 1200px;
58 } 60 }
59 div.top-logo { 61 div.top-logo {
60 width: 1200px; 62 width: 1185px;
61 height: 70px!important; 63 height: 70px!important;
62 padding-top: 20px; 64 padding-top: 20px;
65 margin: 0 auto;
63 } 66 }
64 67
65 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */ 68 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
......
1 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
2 border: 0;
3 margin: 0;
4 outline: 0 none;
5 padding: 0;
6 vertical-align: baseline;
7 font-size: 100%;
8 background: transparent;
9 font-family: Arial;
10 }
11 .clearfix { 1 .clearfix {
12 overflow: auto; 2 overflow: auto;
13 } 3 }
14 .layui-nav-item a{
15 font-size: 16px;
16 }
17
18 /*================首页 start=====================*/
19 div a {
20 color: #000000;
21 text-decoration: none;
22 }
23
24 div.subject h2 a:hover {
25 color: #f46143;
26 }
27
28 div.subject {
29 margin: 0 auto;
30 float: none;
31 clear: both;
32 position: relative;
33 min-width: 1200px;
34 }
35 /*新闻 */
36 div.top-logo {
37 width: 1200px;
38 height: 70px;
39 padding-top: 20px;
40 }
41
42 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
43 font-size: 13px;
44 }
45
46 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
47 font-size: 13px;
48 }
49
50 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
51 font-size: 13px;
52 }
53 .top_logo_content {
54 height: 40px;
55 width: 100%;
56 margin: 0 auto;
57 }
58 div.top-logo .top_logo_search {
59 float: left;
60 width: 350px;
61 position: relative;
62 margin-left: 400px;
63 }
64 div.top-logo .top_logo_search input {
65 border-radius: 50px;
66 }
67 div.top-logo .login {
68 float: right;
69 margin-top: 8px;
70 }
71 div.top-logo .login a:hover {
72 color: #f46143;
73 }
74 div.top-logo .top_logo_search i {
75 position: absolute;
76 right: 10px;
77 top: 11px;
78 cursor: pointer;
79 }
80
81 /*end*/
82
83 .top-logo h1 {
84 display: inline-block;
85 float: left;
86 }
87 /*------------------首页 end------------*/
88
89 .top-logo ul li {
90 display: inline-block;
91 padding: 0 8px;
92 }
93
94 .top-logo ul li:first-child {
95 border-right: 1px solid grey;
96 }
97
98 div.navigation {
99 text-align: center;
100 }
101 .navigation .layui-nav-item {
102 width: 130px;
103 position: relative;
104 margin: 0 22px;
105 }
106 .layui-bg-blue {
107 background-color: #006CFF!important;
108 }
109
110 .layui-nav-item:not(:first-child)::before {
111 content: '';
112 position: absolute;
113 height: 22px;
114 border-left: 1px solid #ccc;
115 top: 21px;
116 left: -22px;
117 }
118
119 div.nav ul li {
120 float: left;
121 margin: 21px auto;
122 width: 149px;
123 border-left: 1px solid #3389ff;
124 cursor: pointer;
125 }
126
127 div.nav ul li:first-child {
128 border-left: none;
129 }
130
131 div.nav ul li a {
132 color: #ffffff;
133 width: 90%;
134 display: inline-block;
135 font-size: 18px;
136 font-weight: bold;
137 letter-spacing: 2px;
138 }
139
140 div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer { 4 div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer {
141 width: 100%; 5 width: 100%;
142 text-align: center; 6 text-align: center;
...@@ -163,13 +27,13 @@ div.banner { ...@@ -163,13 +27,13 @@ div.banner {
163 27
164 div.banner .banner_title { 28 div.banner .banner_title {
165 list-style: none; 29 list-style: none;
166 width: 1200px; 30 width: 1240px;
167 display: inline-block; 31 display: inline-block;
168 margin-top: 350px; 32 margin-top: 350px;
169 } 33 }
170 34
171 div.banner .banner_title li { 35 div.banner .banner_title li {
172 width: 250px; 36 width: 260px;
173 height: 100px; 37 height: 100px;
174 background-color: #ffffff; 38 background-color: #ffffff;
175 float: left; 39 float: left;
...@@ -211,7 +75,6 @@ div.banner ul li a { ...@@ -211,7 +75,6 @@ div.banner ul li a {
211 .laws_regulations .title h2 a{ 75 .laws_regulations .title h2 a{
212 display: block; 76 display: block;
213 padding: 20px; 77 padding: 20px;
214 box-sizing: border-box;
215 height: 60px; 78 height: 60px;
216 box-sizing: border-box; 79 box-sizing: border-box;
217 border-bottom: 1px solid #E6E6E6; 80 border-bottom: 1px solid #E6E6E6;
...@@ -221,11 +84,13 @@ div.banner ul li a { ...@@ -221,11 +84,13 @@ div.banner ul li a {
221 font-weight: 600; 84 font-weight: 600;
222 color: #4A4A4A; 85 color: #4A4A4A;
223 float: left; 86 float: left;
224 height: 36px; 87 height: 37px;
225 border-bottom: 2px solid #006CFF; 88 border-bottom: 2px solid #006CFF;
226 } 89 }
227 .laws_regulations .title h2 a p span { 90 .laws_regulations .title h2 a p span {
228 position: relative; 91 position: relative;
92 font-size: 20px;
93 top: -3px;
229 } 94 }
230 95
231 .laws_regulations .title h2 i{ 96 .laws_regulations .title h2 i{
...@@ -335,11 +200,12 @@ div.banner ul li a { ...@@ -335,11 +200,12 @@ div.banner ul li a {
335 font-weight: 600; 200 font-weight: 600;
336 color: #4A4A4A; 201 color: #4A4A4A;
337 float: left; 202 float: left;
338 height: 36px; 203 height: 37px;
339 border-bottom: 2px solid #006CFF; 204 border-bottom: 2px solid #006CFF;
340 } 205 }
341 .common_question .title h2 a p span { 206 .common_question .title h2 a p span {
342 position: relative; 207 position: relative;
208 font-size: 20px;
343 } 209 }
344 210
345 .common_question .title h2 i{ 211 .common_question .title h2 i{
...@@ -390,6 +256,10 @@ div.banner ul li a { ...@@ -390,6 +256,10 @@ div.banner ul li a {
390 position: relative; 256 position: relative;
391 left: 0; 257 left: 0;
392 top: -25px; 258 top: -25px;
259 cursor: pointer;
260 }
261 .common_question .list_content_right dd a p:hover {
262 color: #f46143;
393 } 263 }
394 /* -----------------end---------------------------- */ 264 /* -----------------end---------------------------- */
395 div.c_one { 265 div.c_one {
...@@ -446,11 +316,9 @@ div.c_one h2 span { ...@@ -446,11 +316,9 @@ div.c_one h2 span {
446 316
447 div.c_one h2 i { 317 div.c_one h2 i {
448 float: right; 318 float: right;
449 font-size: 12px; 319 font-size: 14px;
450 font-style: normal; 320 font-style: normal;
451 color: #9d9d9d; 321 color: #9d9d9d;
452 margin-top: 10px;
453
454 } 322 }
455 323
456 div.c_one h2 a:hover i { 324 div.c_one h2 a:hover i {
...@@ -483,6 +351,9 @@ div.c_one ul li a { ...@@ -483,6 +351,9 @@ div.c_one ul li a {
483 display: block; 351 display: block;
484 color: #000000; 352 color: #000000;
485 } 353 }
354 div.c_one ul li a:hover {
355 color: #f46143;
356 }
486 357
487 div.c_one ul li a span { 358 div.c_one ul li a span {
488 float: right; 359 float: right;
...@@ -523,7 +394,8 @@ div.c_two h2 { ...@@ -523,7 +394,8 @@ div.c_two h2 {
523 margin-top: 40px; 394 margin-top: 40px;
524 background-color: #fafafa; 395 background-color: #fafafa;
525 width: 100%; 396 width: 100%;
526 font-size: 24px; 397 font-size: 26px;
398 font-weight: 600;
527 letter-spacing: 2px; 399 letter-spacing: 2px;
528 } 400 }
529 401
...@@ -538,7 +410,7 @@ div.c_two ul li { ...@@ -538,7 +410,7 @@ div.c_two ul li {
538 width: 16.5%; 410 width: 16.5%;
539 overflow: hidden; 411 overflow: hidden;
540 margin-left: 2.88%; 412 margin-left: 2.88%;
541 padding: 40px 36px; 413 padding: 40px 34px;
542 border: 1px solid #E6E6E6; 414 border: 1px solid #E6E6E6;
543 background: #ffffff; 415 background: #ffffff;
544 } 416 }
...@@ -556,6 +428,12 @@ div.c_two ul li h6 { ...@@ -556,6 +428,12 @@ div.c_two ul li h6 {
556 div.c_two ul li p { 428 div.c_two ul li p {
557 margin-top: 20px; 429 margin-top: 20px;
558 font-size: 14px; 430 font-size: 14px;
431 cursor: pointer;
432 line-height: 26px;
433 }
434
435 div.c_two ul li p:hover {
436 color: #f46143;
559 } 437 }
560 438
561 div.c_three { 439 div.c_three {
...@@ -600,7 +478,8 @@ div.c_four div:first-child { ...@@ -600,7 +478,8 @@ div.c_four div:first-child {
600 /* -----------------友情链接-------------------------- */ 478 /* -----------------友情链接-------------------------- */
601 div.c_five h2 { 479 div.c_five h2 {
602 text-align: center; 480 text-align: center;
603 font-size: 24px; 481 font-size: 26px;
482 font-weight: 600;
604 margin-bottom: 30px; 483 margin-bottom: 30px;
605 } 484 }
606 div.c_five div:first-child { 485 div.c_five div:first-child {
...@@ -633,88 +512,4 @@ div.c_five ul li a { ...@@ -633,88 +512,4 @@ div.c_five ul li a {
633 } 512 }
634 div.c_five ul li a img { 513 div.c_five ul li a img {
635 height: 100%; 514 height: 100%;
636 }
637 /* -----------------底部start----------------------------- */
638 div.footer {
639 background-color: #233042;
640 }
641 div.footer .system_service {
642 width: 100%;
643 border-bottom: 1px solid #4A4A4A;
644 }
645 div.footer .system_service ul {
646 padding: 40px 0;
647 width: 1400px;
648 margin: 0 auto;
649 font-size: 0;
650 }
651 div.footer .system_service ul li {
652 width: 20%;
653 display: inline-block;
654 text-align: center;
655 height: 18px;
656 box-sizing: border-box;
657 }
658 div.footer .system_service ul li:not(:last-child) {
659 border-right: 1px solid #6D7278;
660 }
661 div.footer .system_service ul li a{
662 font-size: 16px;
663 font-weight: 400;
664 color: #DEDEDE;
665 }
666 div.footer .system_service ul li a:hover {
667 color: #f46143;
668 }
669 .footer .subject {
670 width: 1200px;
671 margin: 0 auto;
672 padding: 40px 0;
673 overflow: hidden;
674 }
675 .footer .subject .footer_logo {
676 float: left;
677 }
678 .footer .subject .footer_logo a{
679 display: block;
680 width: 64px;
681 height: 74px;
682 padding: 10px;
683 }
684 .footer .subject .footer_logo a img {
685 width: 100%;
686 height: 100%;
687 }
688 .footer .subject ul, ol {
689 float: left;
690 color: #CBCBCB;
691 text-align: left;
692 }
693 .footer .subject ul {
694 width: 73%;
695 box-sizing: border-box;
696 padding-left: 40px;
697 margin-top: 10px;
698 }
699 .footer .subject ul li {
700 width: 30%;
701 display: inline-block;
702 text-align: left;
703 margin-bottom: 30px;
704 }
705 .footer .subject ol li {
706 display: inline-block;
707 text-align: center;
708 }
709 .footer .subject ol li:last-child {
710 margin-left: 60px;
711 }
712 .footer .subject ol li img {
713 width: 80px;
714 height: 80px;
715 }
716 .footer .subject ol li p {
717 font-size: 12px;
718 color: #CBCBCB;
719 margin-top: 5px;
720 } 515 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -12,11 +12,12 @@ ...@@ -12,11 +12,12 @@
12 <meta name="description" content="" /> 12 <meta name="description" content="" />
13 <meta name="Keywords" content="" /> 13 <meta name="Keywords" content="" />
14 <link rel="stylesheet" type="text/css" href="./staticLib/layui/css/layui.css" /> 14 <link rel="stylesheet" type="text/css" href="./staticLib/layui/css/layui.css" />
15 <link type="text/css" rel="stylesheet" href="./staticCss/common.css" />
15 <link type="text/css" rel="stylesheet" href="./staticCss/global.css" /> 16 <link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
16 </head> 17 </head>
17 18
18 <body> 19 <body>
19 <div class="subject top-logo"> 20 <div class="top-logo">
20 <div class="top_logo_content"> 21 <div class="top_logo_content">
21 <h1><a href="./staticIndex.html"><img src="staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1> 22 <h1><a href="./staticIndex.html"><img src="staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
22 23
...@@ -58,18 +59,18 @@ ...@@ -58,18 +59,18 @@
58 <div class="layui-carousel" id="banner_swiper"> 59 <div class="layui-carousel" id="banner_swiper">
59 <div carousel-item> 60 <div carousel-item>
60 <div class="swiper_item"> 61 <div class="swiper_item">
61 <img class="swiper_img" title="刘亦菲" src="./staticImages/banner.jpg" /> 62 <img class="swiper_img" alt="上海鲜花港 - 郁金香" title="背景图" src="./staticImages/banner.jpg" />
62 </div> 63 </div>
63 <div class="swiper_item"> 64 <div class="swiper_item">
64 <img class="swiper_img" title="刘亦菲" src="./staticImages/banner.jpg" /> 65 <img class="swiper_img" alt="上海鲜花港 - 郁金香" title="背景图" src="./staticImages/banner.jpg" />
65 </div> 66 </div>
66 </div> 67 </div>
67 </div> 68 </div>
68 <ul class="banner_title"> 69 <ul class="banner_title">
69 <li><a href="">查询档案</a></li> 70 <li><a href="" title="查询档案">查询档案</a></li>
70 <li><a href="">进度查询</a></li> 71 <li><a href="" title="进度查询">进度查询</a></li>
71 <li><a href="./staticViews/yyxz/index.html">在线预约</a></li> 72 <li><a href="./staticViews/yyxz/index.html" title="在线预约">在线预约</a></li>
72 <li><a>网上预审</a></li> 73 <li><a title="网上预审">网上预审</a></li>
73 </ul> 74 </ul>
74 </div> 75 </div>
75 <div class="c_one"> 76 <div class="c_one">
...@@ -132,7 +133,7 @@ ...@@ -132,7 +133,7 @@
132 </div> 133 </div>
133 <div class="c_two"> 134 <div class="c_two">
134 <div class="subject"> 135 <div class="subject">
135 <h2><a href="">便民服务</a></h2> 136 <h2><a href="" title="便民服务">便民服务</a></h2>
136 <ul> 137 <ul>
137 <li> 138 <li>
138 <img src="staticImages/two_s_1.jpg" /> 139 <img src="staticImages/two_s_1.jpg" />
...@@ -161,7 +162,7 @@ ...@@ -161,7 +162,7 @@
161 <div class="laws_regulations"> 162 <div class="laws_regulations">
162 <div class="regulations title"> 163 <div class="regulations title">
163 <h2> 164 <h2>
164 <a href=""> 165 <a href="" title="法律法规">
165 <p> 166 <p>
166 <span>法律法规</span> 167 <span>法律法规</span>
167 </p> 168 </p>
...@@ -203,7 +204,7 @@ ...@@ -203,7 +204,7 @@
203 </div> 204 </div>
204 <div class="policy title"> 205 <div class="policy title">
205 <h2> 206 <h2>
206 <a href=""> 207 <a href="" title="相应政策">
207 <p> 208 <p>
208 <span>相应政策</span> 209 <span>相应政策</span>
209 </p> 210 </p>
...@@ -246,7 +247,7 @@ ...@@ -246,7 +247,7 @@
246 </div> 247 </div>
247 <!-- 好差评 --> 248 <!-- 好差评 -->
248 <div class="Good_bad_reviews"> 249 <div class="Good_bad_reviews">
249 <img src="./staticImages/bannerbg.png" title="背景"> 250 <img src="./staticImages/bannerbg.png" alt="背景">
250 </div> 251 </div>
251 <!-- 常见问题，政民互动 --> 252 <!-- 常见问题，政民互动 -->
252 <div class="common_question"> 253 <div class="common_question">
...@@ -254,7 +255,7 @@ ...@@ -254,7 +255,7 @@
254 <dl class="subject"> 255 <dl class="subject">
255 <dt class="title"> 256 <dt class="title">
256 <h2> 257 <h2>
257 <a href=""> 258 <a href="" title="常见问题">
258 <p> 259 <p>
259 <span>常见问题</span> 260 <span>常见问题</span>
260 </p> 261 </p>
...@@ -264,31 +265,31 @@ ...@@ -264,31 +265,31 @@
264 </dt> 265 </dt>
265 <div class="list_content"> 266 <div class="list_content">
266 <dd> 267 <dd>
267 <a href="">基础问题</a> 268 <a href="" title="基础问题">基础问题</a>
268 <a href="">继承登记</a> 269 <a href="" title="继承登记">继承登记</a>
269 </dd> 270 </dd>
270 <dd> 271 <dd>
271 <a href="">一手商品房办证</a> 272 <a href="" title="一手商品房办证">一手商品房办证</a>
272 <a href="">抵押登记</a> 273 <a href="" title="抵押登记">抵押登记</a>
273 </dd> 274 </dd>
274 <dd> 275 <dd>
275 <a href="">二手房办证</a> 276 <a href="" title="二手房办证">二手房办证</a>
276 <a href="">预售及网签</a> 277 <a href="" title="预售及网签">预售及网签</a>
277 </dd> 278 </dd>
278 <dd> 279 <dd>
279 <a href="">经济适用房登记</a> 280 <a href="" title="经济适用房登记">经济适用房登记</a>
280 <a href="">夫妻加减名变更</a> 281 <a href="" title="夫妻加减名变更">夫妻加减名变更</a>
281 </dd> 282 </dd>
282 <dd> 283 <dd>
283 <a href="">变更登记</a> 284 <a href="" title="变更登记">变更登记</a>
284 <a href="">夫妻离婚变更</a> 285 <a href="" title="夫妻离婚变更">夫妻离婚变更</a>
285 </dd> 286 </dd>
286 </div> 287 </div>
287 </dl> 288 </dl>
288 <dl class="interact"> 289 <dl class="interact">
289 <dt class="title"> 290 <dt class="title">
290 <h2> 291 <h2>
291 <a href=""> 292 <a href="" title="政民互动">
292 <p> 293 <p>
293 <span>政民互动</span> 294 <span>政民互动</span>
294 </p> 295 </p>
...@@ -298,26 +299,26 @@ ...@@ -298,26 +299,26 @@
298 </dt> 299 </dt>
299 <div class="list_content_right"> 300 <div class="list_content_right">
300 <dd> 301 <dd>
301 <a> 302 <a title="在线评价">
302 <img src="./staticImages/two_s_1.jpg" /> 303 <img src="./staticImages/two_s_1.jpg" alt="在线评价" />
303 <p>在线评价</p> 304 <p>在线评价</p>
304 </a> 305 </a>
305 </dd> 306 </dd>
306 <dd> 307 <dd>
307 <a> 308 <a title="在线留言">
308 <img src="./staticImages/two_s_1.jpg" /> 309 <img src="./staticImages/two_s_1.jpg" alt="在线留言" />
309 <p>在线留言</p> 310 <p>在线留言</p>
310 </a> 311 </a>
311 </dd> 312 </dd>
312 <dd> 313 <dd>
313 <a> 314 <a title="征集调查">
314 <img src="./staticImages/two_s_1.jpg" /> 315 <img src="./staticImages/two_s_1.jpg" alt="征集调查" />
315 <p>征集调查</p> 316 <p>征集调查</p>
316 </a> 317 </a>
317 </dd> 318 </dd>
318 <dd> 319 <dd>
319 <a> 320 <a title="即时聊天">
320 <img src="./staticImages/two_s_1.jpg" /> 321 <img src="./staticImages/two_s_1.jpg" alt="即时聊天" />
321 <p>即时聊天</p> 322 <p>即时聊天</p>
322 </a> 323 </a>
323 </dd> 324 </dd>
...@@ -330,49 +331,49 @@ ...@@ -330,49 +331,49 @@
330 <div class="c_five Links"> 331 <div class="c_five Links">
331 <div class="subject"> 332 <div class="subject">
332 <h2> 333 <h2>
333 <a href=""> 334 <a href="" title="友情链接">
334 友情链接 335 友情链接
335 </a> 336 </a>
336 </h2> 337 </h2>
337 <ul> 338 <ul>
338 <li> 339 <li>
339 <a href=""> 340 <a href="" title="国土资源局">
340 <img src="./staticImages/guotuziyuanbao.png"> 341 <img src="./staticImages/guotuziyuanbao.png" alt="国土资源局" />
341 </a> 342 </a>
342 </li> 343 </li>
343 <li> 344 <li>
344 <a href=""> 345 <a href="" title="中国人民政府网">
345 <img src="./staticImages/zhongyangzhengfuwang.png"> 346 <img src="./staticImages/zhongyangzhengfuwang.png" alt="中国人民政府网" />
346 </a> 347 </a>
347 </li> 348 </li>
348 <li> 349 <li>
349 <a href=""> 350 <a href="" title="中国人民政府网">
350 <img src="./staticImages/zhongyangzhengfuwang.png"> 351 <img src="./staticImages/zhongyangzhengfuwang.png" alt="中国人民政府网" />
351 </a> 352 </a>
352 </li> 353 </li>
353 <li> 354 <li>
354 <a href=""> 355 <a href="" title="国土资源局">
355 <img src="./staticImages/guotuziyuanbao.png"> 356 <img src="./staticImages/guotuziyuanbao.png" alt="国土资源局" />
356 </a> 357 </a>
357 </li> 358 </li>
358 <li> 359 <li>
359 <a href=""> 360 <a href="" title="国土资源局">
360 <img src="./staticImages/guotuziyuanbao.png"> 361 <img src="./staticImages/guotuziyuanbao.png" alt="国土资源局" />
361 </a> 362 </a>
362 </li> 363 </li>
363 <li> 364 <li>
364 <a href=""> 365 <a href="" title="中国人民政府网">
365 <img src="./staticImages/zhongyangzhengfuwang.png"> 366 <img src="./staticImages/zhongyangzhengfuwang.png" alt="中国人民政府网" />
366 </a> 367 </a>
367 </li> 368 </li>
368 <li> 369 <li>
369 <a href=""> 370 <a href="" title="国土资源局">
370 <img src="./staticImages/guotuziyuanbao.png"> 371 <img src="./staticImages/guotuziyuanbao.png" alt="国土资源局" />
371 </a> 372 </a>
372 </li> 373 </li>
373 <li> 374 <li>
374 <a href=""> 375 <a href="" title="中国人民政府网">
375 <img src="./staticImages/zhongyangzhengfuwang.png"> 376 <img src="./staticImages/zhongyangzhengfuwang.png" alt="中国人民政府网" />
376 </a> 377 </a>
377 </li> 378 </li>
378 </ul> 379 </ul>
...@@ -382,27 +383,27 @@ ...@@ -382,27 +383,27 @@
382 <div class="system_service"> 383 <div class="system_service">
383 <ul class=""> 384 <ul class="">
384 <li> 385 <li>
385 <a href=""> 386 <a href="" title="公示公告">
386 <span>公示公告</span> 387 <span>公示公告</span>
387 </a> 388 </a>
388 </li> 389 </li>
389 <li> 390 <li>
390 <a href=""> 391 <a href="" title="法律法规">
391 <span>法律法规</span> 392 <span>法律法规</span>
392 </a> 393 </a>
393 </li> 394 </li>
394 <li> 395 <li>
395 <a href=""> 396 <a href="" title="相应政策">
396 <span>相应政策</span> 397 <span>相应政策</span>
397 </a> 398 </a>
398 </li> 399 </li>
399 <li> 400 <li>
400 <a href=""> 401 <a href="" title="下载服务">
401 <span>下载服务</span> 402 <span>下载服务</span>
402 </a> 403 </a>
403 </li> 404 </li>
404 <li> 405 <li>
405 <a href=""> 406 <a href="" title="关于我们">
406 <span>关于我们</span> 407 <span>关于我们</span>
407 </a> 408 </a>
408 </li> 409 </li>
...@@ -410,8 +411,8 @@ ...@@ -410,8 +411,8 @@
410 </div> 411 </div>
411 <div class="subject"> 412 <div class="subject">
412 <div class="footer_logo"> 413 <div class="footer_logo">
413 <a href=""> 414 <a href="" title="党政机关">
414 <img src="./staticImages/jiguan.png"> 415 <img src="./staticImages/jiguan.png" alt="党政机关" />
415 </a> 416 </a>
416 </div> 417 </div>
417 <ul> 418 <ul>
...@@ -436,11 +437,11 @@ ...@@ -436,11 +437,11 @@
436 </ul> 437 </ul>
437 <ol> 438 <ol>
438 <li> 439 <li>
439 <img src="./staticImages/code.png"> 440 <img src="./staticImages/code.png" alt="公众号" />
440 <p>扫描关注公众号</p> 441 <p>扫描关注公众号</p>
441 </li> 442 </li>
442 <li> 443 <li>
443 <img src="./staticImages/code.png"> 444 <img src="./staticImages/code.png" alt="公众号" />
444 <p>扫描关注公众号</p> 445 <p>扫描关注公众号</p>
445 </li> 446 </li>
446 447
...@@ -452,37 +453,4 @@ ...@@ -452,37 +453,4 @@
452 453
453 </html> 454 </html>
454 <script src="./staticLib/layui/layui.js"></script> 455 <script src="./staticLib/layui/layui.js"></script>
455 <script>
456 layui.use('carousel', function () {
457 var carousel = layui.carousel;
458 //建造实例
459 carousel.render({
460 elem: '#banner_swiper'
461 , width: '100%' //设置容器宽度
462 , arrow: 'always' //始终显示箭头
463 , autoplay: true
464 , height: '500px'
465 });
466 });
467 //注意：导航 依赖 element 模块，否则无法进行功能性操作
468 layui.use('element', function () {
469 var element = layui.element;
470
471 //…
472 });
473 layui.use('util', function () {
474 var util = layui.util;
475 //执行
476 util.fixbar({
477 bar1: true,
478 bar2: true,
479 top: true
480 , click: function (type) {
481 console.log(type);
482 if (type === 'bar1') {
483 alert('点击了bar1')
484 }
485 }
486 });
487 });
488 </script>
...\ No newline at end of file ...\ No newline at end of file
456 <script src="./staticJs/staticIndex.js"></script>
...\ No newline at end of file ...\ No newline at end of file
......
1 layui.use('carousel', function () {
2 var carousel = layui.carousel;
3 //建造实例
4 carousel.render({
5 elem: '#banner_swiper'
6 , width: '100%' //设置容器宽度
7 , arrow: 'always' //始终显示箭头
8 , autoplay: true
9 , height: '500px'
10 });
11 });
12 //注意：导航 依赖 element 模块，否则无法进行功能性操作
13 layui.use('element', function () {
14 var element = layui.element;
15
16 //…
17 });
18 layui.use('util', function () {
19 var util = layui.util;
20 //执行
21 util.fixbar({
22 bar1: true,
23 bar2: true,
24 top: true
25 , click: function (type) {
26 console.log(type);
27 if (type === 'bar1') {
28 alert('点击了bar1')
29 }
30 }
31 });
32 });
...\ No newline at end of file ...\ No newline at end of file