Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3043c638 by 任超
Options

Merge branch 'master' of yun.pashanhoo.com:renchao/portalStaticPage

2 parents 6868719e 09a815fc
Inline Side-by-side
Showing 10 changed files with 955 additions and 23 deletions
...@@ -4,10 +4,109 @@ ...@@ -4,10 +4,109 @@
4 } 4 }
5 5
6 .main { 6 .main {
7 padding-left: 100px; 7
8 padding-right: 100px; 8 }
9 .mainbody{
10 width: 1200px;
11 margin: 0 auto;
12 }
13 /*================首页 start=====================*/
14 div a {
15 color: #000000;
16 text-decoration: none;
17 }
18
19 div.subject h2 a:hover {
20 color: #f46143;
21 }
22
23 div.subject {
24 margin: 0 auto;
25 float: none;
26 clear: both;
27 position: relative;
28 min-width: 1200px;
29 }
30 /*新闻 */
31 div.top-logo {
32 width: 1200px;
33 height: 70px;
34 padding-top: 20px;
35 }
36
37 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
38 font-size: 13px;
39 }
40
41 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
42 font-size: 13px;
43 }
44
45 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
46 font-size: 13px;
47 }
48 .top_logo_content {
49 height: 40px;
50 width: 100%;
51 margin: 0 auto;
52 }
53 div.top-logo .top_logo_search {
54 float: left;
55 width: 350px;
56 position: relative;
57 margin-left: 400px;
58 }
59 div.top-logo .top_logo_search input {
60 border-radius: 50px;
61 }
62 div.top-logo .login {
63 float: right;
64 margin-top: 8px;
65 }
66 div.top-logo .top_logo_search i {
67 position: absolute;
68 right: 10px;
69 top: 11px;
70 cursor: pointer;
71 }
72
73 /*end*/
74
75 .top-logo h1 {
76 display: inline-block;
77 float: left;
9 } 78 }
79 /*------------------首页 end------------*/
10 80
81 .top-logo ul li {
82 display: inline-block;
83 padding: 0 8px;
84 }
85
86 .top-logo ul li:first-child {
87 border-right: 1px solid grey;
88 }
89
90 div.navigation {
91 text-align: center;
92 }
93 .navigation .layui-nav-item {
94 width: 100px;
95 position: relative;
96 margin: 0 22px;
97 }
98 .layui-bg-blue {
99 background-color: #006CFF!important;
100 }
101
102 .layui-nav-item:not(:first-child)::before {
103 content: '';
104 position: absolute;
105 height: 22px;
106 border-left: 1px solid #ccc;
107 top: 21px;
108 left: -20px;
109 }
11 .title { 110 .title {
12 height: auto; 111 height: auto;
13 font-size: 30px; 112 font-size: 30px;
......
...@@ -18,6 +18,42 @@ ...@@ -18,6 +18,42 @@
18 </head> 18 </head>
19 <body> 19 <body>
20 <div class="main"> 20 <div class="main">
21 <div class="subject top-logo">
22 <div class="top_logo_content">
23 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
24
25 <div class="top_logo_search">
26 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
27 class="layui-input">
28 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
29 </div>
30
31 <ul class="login">
32 <li>登录</li>
33 <li>注册</li>
34 </ul>
35 </div>
36 </div>
37 <div class="navigation">
38 <ul class="layui-nav layui-bg-blue" lay-filter="">
39 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
40 <li class="layui-nav-item"><a href="">新闻动态</a></li>
41 <li class="layui-nav-item"><a href="">业务办理</a></li>
42 <li class="layui-nav-item"><a href="">办事指南</a></li>
43 <li class="layui-nav-item">
44 <a href="javascript:;">查验中心</a>
45 <dl class="layui-nav-child">
46 <!-- 二级菜单 -->
47 <dd><a href="">移动模块</a></dd>
48 <dd><a href="">后台模版</a></dd>
49 <dd><a href="">电商平台</a></dd>
50 </dl>
51 </li>
52 <li class="layui-nav-item"><a href="">在线缴费</a></li>
53 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
54 </ul>
55 </div>
56 <div class="mainbody">
21 <div class="title"> 57 <div class="title">
22 <span>党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量</span> 58 <span>党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量</span>
23 </div> 59 </div>
...@@ -30,6 +66,8 @@ ...@@ -30,6 +66,8 @@
30 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。 二、明晰自然资源统计数据获取方式 自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。 三、健全自然资源统计数据的质控体系 加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。 四、加强自然资源统计信息化建设 加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。 五、更新制度和办法保证统计工作推进 在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。 《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。 会议强调，要按照“办赛精彩、参赛出彩、发展添彩”要求，抓紧抓实抓细各项筹办工作，确保十四运会和残特奥会办出质量、办出水平。要做好已完工场馆工程验收和体育工艺、竞赛标准专项检查，加快推进全运村场馆收尾工作，同步抓好场馆周边设施配套与城市环境综合整治，改善城市面貌，提升城市形象。要做好开闭幕式相关工作，统筹抓好医疗卫生、交通电力、餐饮住宿等准备工作，为赛事顺利举办提供有力服务保障。 会议强调，要加强全民健身设施建设，广泛开展群众性体育活动，建设一批体育公园、健身步道、社区多功能健身场地，让群众更多享受体育发展成果。要围绕筹办工作重大时间节点、重要标志性事件，精心组织策划有创意、有内容、有感染力的宣传推介活动，营造我市全民全运的浓厚氛围。要狠抓责任落实、狠抓进度落实、狠抓工作落实，确保把各项筹办工作谋深、抓实、干好。 市领导玉苏甫江·麦麦提、杨晓东、张琳、肖西亮、和文全，市执委会各成员单位主要负责同志参加。 66 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。 二、明晰自然资源统计数据获取方式 自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。 三、健全自然资源统计数据的质控体系 加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。 四、加强自然资源统计信息化建设 加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。 五、更新制度和办法保证统计工作推进 在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。 《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。 会议强调，要按照“办赛精彩、参赛出彩、发展添彩”要求，抓紧抓实抓细各项筹办工作，确保十四运会和残特奥会办出质量、办出水平。要做好已完工场馆工程验收和体育工艺、竞赛标准专项检查，加快推进全运村场馆收尾工作，同步抓好场馆周边设施配套与城市环境综合整治，改善城市面貌，提升城市形象。要做好开闭幕式相关工作，统筹抓好医疗卫生、交通电力、餐饮住宿等准备工作，为赛事顺利举办提供有力服务保障。 会议强调，要加强全民健身设施建设，广泛开展群众性体育活动，建设一批体育公园、健身步道、社区多功能健身场地，让群众更多享受体育发展成果。要围绕筹办工作重大时间节点、重要标志性事件，精心组织策划有创意、有内容、有感染力的宣传推介活动，营造我市全民全运的浓厚氛围。要狠抓责任落实、狠抓进度落实、狠抓工作落实，确保把各项筹办工作谋深、抓实、干好。 市领导玉苏甫江·麦麦提、杨晓东、张琳、肖西亮、和文全，市执委会各成员单位主要负责同志参加。
31 </span> 67 </span>
32 </div> 68 </div>
69 </div>
70
33 <div class="footer"> 71 <div class="footer">
34 <div class="system_service"> 72 <div class="system_service">
35 <ul class=""> 73 <ul class="">
......
...@@ -4,8 +4,122 @@ ...@@ -4,8 +4,122 @@
4 } 4 }
5 5
6 .main { 6 .main {
7 padding-left: 100px; 7
8 padding-right: 100px; 8 }
9
10 /*================首页 start=====================*/
11 div a {
12 color: #000000;
13 text-decoration: none;
14 }
15
16 div.subject h2 a:hover {
17 color: #f46143;
18 }
19
20 div.subject {
21 margin: 0 auto;
22 float: none;
23 clear: both;
24 position: relative;
25 min-width: 1200px;
26 }
27
28 /*新闻 */
29 div.top-logo {
30 width: 1200px;
31 height: 70px;
32 padding-top: 20px;
33 }
34
35 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
36 font-size: 13px;
37 }
38
39 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
40 font-size: 13px;
41 }
42
43 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
44 font-size: 13px;
45 }
46
47 .top_logo_content {
48 height: 40px;
49 width: 100%;
50 margin: 0 auto;
51 }
52
53 div.top-logo .top_logo_search {
54 float: left;
55 width: 350px;
56 position: relative;
57 margin-left: 400px;
58 }
59
60 div.top-logo .top_logo_search input {
61 border-radius: 50px;
62 }
63
64 div.top-logo .login {
65 float: right;
66 margin-top: 8px;
67 }
68
69 div.top-logo .top_logo_search i {
70 position: absolute;
71 right: 10px;
72 top: 11px;
73 cursor: pointer;
74 }
75
76 /*end*/
77
78 .top-logo h1 {
79 display: inline-block;
80 float: left;
81 }
82
83 /*------------------首页 end------------*/
84
85 .top-logo ul li {
86 display: inline-block;
87 padding: 0 8px;
88 }
89
90 .top-logo ul li:first-child {
91 border-right: 1px solid grey;
92 }
93
94 div.navigation {
95 text-align: center;
96 }
97
98 .navigation .layui-nav-item {
99 width: 100px;
100 position: relative;
101 margin: 0 22px;
102 }
103
104 .layui-bg-blue {
105 background-color: #006CFF !important;
106 }
107
108 .layui-nav-item:not(:first-child)::before {
109 content: '';
110 position: absolute;
111 height: 22px;
112 border-left: 1px solid #ccc;
113 top: 21px;
114 left: -20px;
115 }
116
117
118 /*------------------首页 end------------*/
119
120 .mainbody {
121 width: 1200px;
122 margin: 0 auto;
9 } 123 }
10 124
11 .top { 125 .top {
...@@ -228,3 +342,105 @@ ...@@ -228,3 +342,105 @@
228 color: #9B9B9B; 342 color: #9B9B9B;
229 line-height: 12px; 343 line-height: 12px;
230 } 344 }
345
346 /* -----------------底部start----------------------------- */
347 div.footer {
348 background-color: #233042;
349 }
350
351 div.footer .system_service {
352 width: 100%;
353 border-bottom: 1px solid #4A4A4A;
354 }
355
356 div.footer .system_service ul {
357 padding: 40px 0;
358 width: 1400px;
359 margin: 0 auto;
360 font-size: 0;
361 }
362
363 div.footer .system_service ul li {
364 width: 20%;
365 display: inline-block;
366 text-align: center;
367 height: 18px;
368 box-sizing: border-box;
369 }
370
371 div.footer .system_service ul li:not(:last-child) {
372 border-right: 1px solid #6D7278;
373 }
374
375 div.footer .system_service ul li a {
376 font-size: 16px;
377 font-weight: 400;
378 color: #DEDEDE;
379 }
380
381 div.footer .system_service ul li a:hover {
382 color: #f46143;
383 }
384
385 .footer .subject {
386 width: 1200px;
387 margin: 0 auto;
388 padding: 40px 0;
389 overflow: hidden;
390 }
391
392 .footer .subject .footer_logo {
393 float: left;
394 }
395
396 .footer .subject .footer_logo a {
397 display: block;
398 width: 64px;
399 height: 74px;
400 padding: 10px;
401 }
402
403 .footer .subject .footer_logo a img {
404 width: 100%;
405 height: 100%;
406 }
407
408 .footer .subject ul, ol {
409 float: left;
410 color: #CBCBCB;
411 text-align: left;
412 }
413
414 .footer .subject ul {
415 width: 73%;
416 box-sizing: border-box;
417 padding-left: 40px;
418 margin-top: 10px;
419 }
420
421 .footer .subject ul li {
422 width: 30%;
423 display: inline-block;
424 text-align: left;
425 margin-bottom: 30px;
426 }
427
428 .footer .subject ol li {
429 display: inline-block;
430 text-align: center;
431 }
432
433 .footer .subject ol li:last-child {
434 margin-left: 60px;
435 }
436
437 .footer .subject ol li img {
438 width: 80px;
439 height: 80px;
440 }
441
442 .footer .subject ol li p {
443 font-size: 12px;
444 color: #CBCBCB;
445 margin-top: 5px;
446 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -18,6 +18,43 @@ ...@@ -18,6 +18,43 @@
18 </head> 18 </head>
19 <body> 19 <body>
20 <div class="main"> 20 <div class="main">
21
22 <div class="subject top-logo">
23 <div class="top_logo_content">
24 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
25
26 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
28 class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div>
31
32 <ul class="login">
33 <li>登录</li>
34 <li>注册</li>
35 </ul>
36 </div>
37 </div>
38 <div class="navigation">
39 <ul class="layui-nav layui-bg-blue" lay-filter="">
40 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
41 <li class="layui-nav-item"><a href="">新闻动态</a></li>
42 <li class="layui-nav-item"><a href="">业务办理</a></li>
43 <li class="layui-nav-item"><a href="">办事指南</a></li>
44 <li class="layui-nav-item">
45 <a href="javascript:;">查验中心</a>
46 <dl class="layui-nav-child">
47 <!-- 二级菜单 -->
48 <dd><a href="">移动模块</a></dd>
49 <dd><a href="">后台模版</a></dd>
50 <dd><a href="">电商平台</a></dd>
51 </dl>
52 </li>
53 <li class="layui-nav-item"><a href="">在线缴费</a></li>
54 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
55 </ul>
56 </div>
57 <div class="mainbody">
21 <div class="top"> 58 <div class="top">
22 <div class="top-title"> 59 <div class="top-title">
23 <span>标题内容:</span><input type="text" placeholder="请输入标题"> 60 <span>标题内容:</span><input type="text" placeholder="请输入标题">
...@@ -123,6 +160,77 @@ ...@@ -123,6 +160,77 @@
123 </div> 160 </div>
124 </div> 161 </div>
125 </div> 162 </div>
163 </div>
164
165 <div class="footer">
166 <div class="system_service">
167 <ul class="">
168 <li>
169 <a href="">
170 <span>公示公告</span>
171 </a>
172 </li>
173 <li>
174 <a href="">
175 <span>法律法规</span>
176 </a>
177 </li>
178 <li>
179 <a href="">
180 <span>相应政策</span>
181 </a>
182 </li>
183 <li>
184 <a href="">
185 <span>下载服务</span>
186 </a>
187 </li>
188 <li>
189 <a href="">
190 <span>关于我们</span>
191 </a>
192 </li>
193 </ul>
194 </div>
195 <div class="subject">
196 <div class="footer_logo">
197 <a href="">
198 <img src="./../../images/jiguan.png">
199 </a>
200 </div>
201 <ul>
202 <li>
203 西安市自然资源和规划局
204 </li>
205 <li>
206 电话：028-456465
207 </li>
208 <li>
209 地址：西安市丰城8路
210 </li>
211 <li>
212 网站标识吗：87987987
213 </li>
214 <li>
215 备案：陕IPC456465465
216 </li>
217 <li>
218 陕公网备案：456465465
219 </li>
220 </ul>
221 <ol>
222 <li>
223 <img src="./../../images/code.png">
224 <p>扫描关注公众号</p>
225 </li>
226 <li>
227 <img src="./../../images/code.png">
228 <p>扫描关注公众号</p>
229 </li>
230
231 </ol>
232 </div>
233 </div>
126 </div> 234 </div>
127 </body> 235 </body>
128 </html> 236 </html>
...@@ -144,7 +252,7 @@ ...@@ -144,7 +252,7 @@
144 , count: 50 //数据总数，从服务端得到 252 , count: 50 //数据总数，从服务端得到
145 , prev: '<' 253 , prev: '<'
146 , next: '>' 254 , next: '>'
147 ,theme: '#0091FF' 255 , theme: '#0091FF'
148 }); 256 });
149 }); 257 });
150 </script> 258 </script>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,10 +4,123 @@ ...@@ -4,10 +4,123 @@
4 } 4 }
5 5
6 .main { 6 .main {
7 padding: 20px; 7 /* padding: 20px;
8 margin-left: 200px; 8 margin-left: 200px;
9 width: 1200px; 9 width: 1200px;
10 overflow: hidden; 10 overflow: hidden;
11 margin: 0 auto;*/
12 }
13
14 /*================首页 start=====================*/
15 div a {
16 color: #000000;
17 text-decoration: none;
18 }
19
20 div.subject h2 a:hover {
21 color: #f46143;
22 }
23
24 div.subject {
25 margin: 0 auto;
26 float: none;
27 clear: both;
28 position: relative;
29 min-width: 1200px;
30 }
31
32 /*新闻 */
33 div.top-logo {
34 width: 1200px;
35 height: 70px;
36 padding-top: 20px;
37 }
38
39 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
40 font-size: 13px;
41 }
42
43 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
44 font-size: 13px;
45 }
46
47 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
48 font-size: 13px;
49 }
50
51 .top_logo_content {
52 height: 40px;
53 width: 100%;
54 margin: 0 auto;
55 }
56
57 div.top-logo .top_logo_search {
58 float: left;
59 width: 350px;
60 position: relative;
61 margin-left: 400px;
62 }
63
64 div.top-logo .top_logo_search input {
65 border-radius: 50px;
66 }
67
68 div.top-logo .login {
69 float: right;
70 margin-top: 8px;
71 }
72
73 div.top-logo .top_logo_search i {
74 position: absolute;
75 right: 10px;
76 top: 11px;
77 cursor: pointer;
78 }
79
80 /*end*/
81
82 .top-logo h1 {
83 display: inline-block;
84 float: left;
85 }
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
102 .navigation .layui-nav-item {
103 width: 100px;
104 position: relative;
105 margin: 0 22px;
106 }
107
108 .layui-bg-blue {
109 background-color: #006CFF !important;
110 }
111
112 .layui-nav-item:not(:first-child)::before {
113 content: '';
114 position: absolute;
115 height: 22px;
116 border-left: 1px solid #ccc;
117 top: 21px;
118 left: -20px;
119 }
120
121 /*------------------首页 end------------*/
122 .leftandright {
123 width: 1200px;
11 margin: 0 auto; 124 margin: 0 auto;
12 } 125 }
13 126
......
...@@ -21,6 +21,44 @@ ...@@ -21,6 +21,44 @@
21 <body> 21 <body>
22 <div> 22 <div>
23 <div class="main"> 23 <div class="main">
24
25 <div class="subject top-logo">
26 <div class="top_logo_content">
27 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
28
29 <div class="top_logo_search">
30 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
31 autocomplete="off"
32 class="layui-input">
33 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
34 </div>
35
36 <ul class="login">
37 <li>登录</li>
38 <li>注册</li>
39 </ul>
40 </div>
41 </div>
42 <div class="navigation">
43 <ul class="layui-nav layui-bg-blue" lay-filter="">
44 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
45 <li class="layui-nav-item"><a href="">新闻动态</a></li>
46 <li class="layui-nav-item"><a href="">业务办理</a></li>
47 <li class="layui-nav-item"><a href="">办事指南</a></li>
48 <li class="layui-nav-item">
49 <a href="javascript:;">查验中心</a>
50 <dl class="layui-nav-child">
51 <!-- 二级菜单 -->
52 <dd><a href="">移动模块</a></dd>
53 <dd><a href="">后台模版</a></dd>
54 <dd><a href="">电商平台</a></dd>
55 </dl>
56 </li>
57 <li class="layui-nav-item"><a href="">在线缴费</a></li>
58 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
59 </ul>
60 </div>
61 <div class="leftandright">
24 <div class="left"> 62 <div class="left">
25 <div class="xw"> 63 <div class="xw">
26 <div class="xw-left"> 64 <div class="xw-left">
...@@ -37,10 +75,12 @@ ...@@ -37,10 +75,12 @@
37 </div> 75 </div>
38 <div class="left-buttom"> 76 <div class="left-buttom">
39 <div> 77 <div>
40 <i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>1234 78 <i class="layui-icon layui-icon-face-smile"
79 style="font-size: 30px; color: #1E9FFF;"></i>1234
41 </div> 80 </div>
42 <div> 81 <div>
43 <i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>23423 82 <i class="layui-icon layui-icon-face-smile"
83 style="font-size: 30px; color: #1E9FFF;"></i>23423
44 </div> 84 </div>
45 <div class="left-buttom-date"> 85 <div class="left-buttom-date">
46 2020-12-27 86 2020-12-27
...@@ -63,10 +103,12 @@ ...@@ -63,10 +103,12 @@
63 </div> 103 </div>
64 <div class="left-buttom"> 104 <div class="left-buttom">
65 <div> 105 <div>
66 <i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>1234 106 <i class="layui-icon layui-icon-face-smile"
107 style="font-size: 30px; color: #1E9FFF;"></i>1234
67 </div> 108 </div>
68 <div> 109 <div>
69 <i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>23423 110 <i class="layui-icon layui-icon-face-smile"
111 style="font-size: 30px; color: #1E9FFF;"></i>23423
70 </div> 112 </div>
71 <div class="left-buttom-date"> 113 <div class="left-buttom-date">
72 2020-12-27 114 2020-12-27
...@@ -130,6 +172,7 @@ ...@@ -130,6 +172,7 @@
130 </div> 172 </div>
131 </div> 173 </div>
132 </div> 174 </div>
175 </div>
133 176
134 177
135 </div> 178 </div>
......
...@@ -4,12 +4,110 @@ ...@@ -4,12 +4,110 @@
4 } 4 }
5 5
6 .main { 6 .main {
7 padding: 20px; 7 }
8 margin-left: 200px; 8 .mainbody{
9 width: 1200px; 9 width: 1200px;
10 overflow: hidden;
11 margin: 0 auto; 10 margin: 0 auto;
12 } 11 }
12 /*================首页 start=====================*/
13 div a {
14 color: #000000;
15 text-decoration: none;
16 }
17
18 div.subject h2 a:hover {
19 color: #f46143;
20 }
21
22 div.subject {
23 margin: 0 auto;
24 float: none;
25 clear: both;
26 position: relative;
27 min-width: 1200px;
28 }
29 /*新闻 */
30 div.top-logo {
31 width: 1200px;
32 height: 70px;
33 padding-top: 20px;
34 }
35
36 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
37 font-size: 13px;
38 }
39
40 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
41 font-size: 13px;
42 }
43
44 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
45 font-size: 13px;
46 }
47 .top_logo_content {
48 height: 40px;
49 width: 100%;
50 margin: 0 auto;
51 }
52 div.top-logo .top_logo_search {
53 float: left;
54 width: 350px;
55 position: relative;
56 margin-left: 400px;
57 }
58 div.top-logo .top_logo_search input {
59 border-radius: 50px;
60 }
61 div.top-logo .login {
62 float: right;
63 margin-top: 8px;
64 }
65 div.top-logo .top_logo_search i {
66 position: absolute;
67 right: 10px;
68 top: 11px;
69 cursor: pointer;
70 }
71
72 /*end*/
73
74 .top-logo h1 {
75 display: inline-block;
76 float: left;
77 }
78 /*------------------首页 end------------*/
79
80 .top-logo ul li {
81 display: inline-block;
82 padding: 0 8px;
83 }
84
85 .top-logo ul li:first-child {
86 border-right: 1px solid grey;
87 }
88
89 div.navigation {
90 text-align: center;
91 }
92 .navigation .layui-nav-item {
93 width: 100px;
94 position: relative;
95 margin: 0 22px;
96 }
97 .layui-bg-blue {
98 background-color: #006CFF!important;
99 }
100
101 .layui-nav-item:not(:first-child)::before {
102 content: '';
103 position: absolute;
104 height: 22px;
105 border-left: 1px solid #ccc;
106 top: 21px;
107 left: -20px;
108 }
109
110
13 111
14 .title { 112 .title {
15 height: 30px; 113 height: 30px;
......
...@@ -21,6 +21,44 @@ ...@@ -21,6 +21,44 @@
21 21
22 22
23 <div class="main"> 23 <div class="main">
24
25
26 <div class="subject top-logo">
27 <div class="top_logo_content">
28 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
29
30 <div class="top_logo_search">
31 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
32 class="layui-input">
33 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
34 </div>
35
36 <ul class="login">
37 <li>登录</li>
38 <li>注册</li>
39 </ul>
40 </div>
41 </div>
42 <div class="navigation">
43 <ul class="layui-nav layui-bg-blue" lay-filter="">
44 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
45 <li class="layui-nav-item"><a href="">新闻动态</a></li>
46 <li class="layui-nav-item"><a href="">业务办理</a></li>
47 <li class="layui-nav-item"><a href="">办事指南</a></li>
48 <li class="layui-nav-item">
49 <a href="javascript:;">查验中心</a>
50 <dl class="layui-nav-child">
51 <!-- 二级菜单 -->
52 <dd><a href="">移动模块</a></dd>
53 <dd><a href="">后台模版</a></dd>
54 <dd><a href="">电商平台</a></dd>
55 </dl>
56 </li>
57 <li class="layui-nav-item"><a href="">在线缴费</a></li>
58 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
59 </ul>
60 </div>
61 <div class="mainbody">
24 <div class="left"> 62 <div class="left">
25 <div class="title"> 63 <div class="title">
26 <div> 64 <div>
...@@ -184,6 +222,8 @@ ...@@ -184,6 +222,8 @@
184 </div> 222 </div>
185 </div> 223 </div>
186 </div> 224 </div>
225 </div>
226
187 <div class="right"> 227 <div class="right">
188 <div class="right-top"> 228 <div class="right-top">
189 <h2>新闻推荐</h2> 229 <h2>新闻推荐</h2>
......
...@@ -8,6 +8,119 @@ ...@@ -8,6 +8,119 @@
8 padding-right: 20px; 8 padding-right: 20px;
9 } 9 }
10 10
11 .mainbody {
12 width: 1200px;
13 margin: 0 auto;
14 }
15
16 /*================首页 start=====================*/
17 div a {
18 color: #000000;
19 text-decoration: none;
20 }
21
22 div.subject h2 a:hover {
23 color: #f46143;
24 }
25
26 div.subject {
27 margin: 0 auto;
28 float: none;
29 clear: both;
30 position: relative;
31 min-width: 1200px;
32 }
33
34 /*新闻 */
35 div.top-logo {
36 width: 1200px;
37 height: 70px;
38 padding-top: 20px;
39 }
40
41 div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
42 font-size: 13px;
43 }
44
45 div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
46 font-size: 13px;
47 }
48
49 div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
50 font-size: 13px;
51 }
52
53 .top_logo_content {
54 height: 40px;
55 width: 100%;
56 margin: 0 auto;
57 }
58
59 div.top-logo .top_logo_search {
60 float: left;
61 width: 350px;
62 position: relative;
63 margin-left: 400px;
64 }
65
66 div.top-logo .top_logo_search input {
67 border-radius: 50px;
68 }
69
70 div.top-logo .login {
71 float: right;
72 margin-top: 8px;
73 }
74
75 div.top-logo .top_logo_search i {
76 position: absolute;
77 right: 10px;
78 top: 11px;
79 cursor: pointer;
80 }
81
82 /*end*/
83
84 .top-logo h1 {
85 display: inline-block;
86 float: left;
87 }
88
89 /*------------------首页 end------------*/
90
91 .top-logo ul li {
92 display: inline-block;
93 padding: 0 8px;
94 }
95
96 .top-logo ul li:first-child {
97 border-right: 1px solid grey;
98 }
99
100 div.navigation {
101 text-align: center;
102 }
103
104 .navigation .layui-nav-item {
105 width: 100px;
106 position: relative;
107 margin: 0 22px;
108 }
109
110 .layui-bg-blue {
111 background-color: #006CFF !important;
112 }
113
114 .layui-nav-item:not(:first-child)::before {
115 content: '';
116 position: absolute;
117 height: 22px;
118 border-left: 1px solid #ccc;
119 top: 21px;
120 left: -20px;
121 }
122
123
11 .top li { 124 .top li {
12 font-size: 20px; 125 font-size: 20px;
13 font-weight: 500; 126 font-weight: 500;
...@@ -48,7 +161,7 @@ ...@@ -48,7 +161,7 @@
48 161
49 .layui-tab-title { 162 .layui-tab-title {
50 height: auto; 163 height: auto;
51 border-bottom-style:none; 164 border-bottom-style: none;
52 } 165 }
53 166
54 .td-body { 167 .td-body {
...@@ -242,20 +355,24 @@ ...@@ -242,20 +355,24 @@
242 color: white; 355 color: white;
243 line-height: 30px; 356 line-height: 30px;
244 } 357 }
358
245 /* -----------------底部start----------------------------- */ 359 /* -----------------底部start----------------------------- */
246 div.footer { 360 div.footer {
247 background-color: #233042; 361 background-color: #233042;
248 } 362 }
363
249 div.footer .system_service { 364 div.footer .system_service {
250 width: 100%; 365 width: 100%;
251 border-bottom: 1px solid #4A4A4A; 366 border-bottom: 1px solid #4A4A4A;
252 } 367 }
368
253 div.footer .system_service ul { 369 div.footer .system_service ul {
254 padding: 40px 0; 370 padding: 40px 0;
255 width: 1400px; 371 width: 1400px;
256 margin: 0 auto; 372 margin: 0 auto;
257 font-size: 0; 373 font-size: 0;
258 } 374 }
375
259 div.footer .system_service ul li { 376 div.footer .system_service ul li {
260 width: 20%; 377 width: 20%;
261 display: inline-block; 378 display: inline-block;
...@@ -263,64 +380,78 @@ div.footer .system_service ul li { ...@@ -263,64 +380,78 @@ div.footer .system_service ul li {
263 height: 18px; 380 height: 18px;
264 box-sizing: border-box; 381 box-sizing: border-box;
265 } 382 }
383
266 div.footer .system_service ul li:not(:last-child) { 384 div.footer .system_service ul li:not(:last-child) {
267 border-right: 1px solid #6D7278; 385 border-right: 1px solid #6D7278;
268 } 386 }
269 div.footer .system_service ul li a{ 387
388 div.footer .system_service ul li a {
270 font-size: 16px; 389 font-size: 16px;
271 font-weight: 400; 390 font-weight: 400;
272 color: #DEDEDE; 391 color: #DEDEDE;
273 } 392 }
393
274 div.footer .system_service ul li a:hover { 394 div.footer .system_service ul li a:hover {
275 color: #f46143; 395 color: #f46143;
276 } 396 }
397
277 .footer .subject { 398 .footer .subject {
278 width: 1200px; 399 width: 1200px;
279 margin: 0 auto; 400 margin: 0 auto;
280 padding: 40px 0; 401 padding: 40px 0;
281 overflow: hidden; 402 overflow: hidden;
282 } 403 }
404
283 .footer .subject .footer_logo { 405 .footer .subject .footer_logo {
284 float: left; 406 float: left;
285 } 407 }
286 .footer .subject .footer_logo a{ 408
409 .footer .subject .footer_logo a {
287 display: block; 410 display: block;
288 width: 64px; 411 width: 64px;
289 height: 74px; 412 height: 74px;
290 padding: 10px; 413 padding: 10px;
291 } 414 }
415
292 .footer .subject .footer_logo a img { 416 .footer .subject .footer_logo a img {
293 width: 100%; 417 width: 100%;
294 height: 100%; 418 height: 100%;
295 } 419 }
420
296 .footer .subject ul, ol { 421 .footer .subject ul, ol {
297 float: left; 422 float: left;
298 color: #CBCBCB; 423 color: #CBCBCB;
299 text-align: left; 424 text-align: left;
300 } 425 }
426
301 .footer .subject ul { 427 .footer .subject ul {
302 width: 73%; 428 width: 73%;
303 box-sizing: border-box; 429 box-sizing: border-box;
304 padding-left: 40px; 430 padding-left: 40px;
305 margin-top: 10px; 431 margin-top: 10px;
306 } 432 }
433
307 .footer .subject ul li { 434 .footer .subject ul li {
308 width: 30%; 435 width: 30%;
309 display: inline-block; 436 display: inline-block;
310 text-align: left; 437 text-align: left;
311 margin-bottom: 30px; 438 margin-bottom: 30px;
312 } 439 }
440
313 .footer .subject ol li { 441 .footer .subject ol li {
314 display: inline-block; 442 display: inline-block;
315 text-align: center; 443 text-align: center;
316 } 444 }
445
317 .footer .subject ol li:last-child { 446 .footer .subject ol li:last-child {
318 margin-left: 60px; 447 margin-left: 60px;
319 } 448 }
449
320 .footer .subject ol li img { 450 .footer .subject ol li img {
321 width: 80px; 451 width: 80px;
322 height: 80px; 452 height: 80px;
323 } 453 }
454
324 .footer .subject ol li p { 455 .footer .subject ol li p {
325 font-size: 12px; 456 font-size: 12px;
326 color: #CBCBCB; 457 color: #CBCBCB;
......
...@@ -18,6 +18,43 @@ ...@@ -18,6 +18,43 @@
18 </head> 18 </head>
19 <body> 19 <body>
20 <div class="main"> 20 <div class="main">
21
22 <div class="subject top-logo">
23 <div class="top_logo_content">
24 <h1><a href="index.html"><img src="./../../images/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
25
26 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
28 class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div>
31
32 <ul class="login">
33 <li>登录</li>
34 <li>注册</li>
35 </ul>
36 </div>
37 </div>
38 <div class="navigation">
39 <ul class="layui-nav layui-bg-blue" lay-filter="">
40 <li class="layui-nav-item layui-this"><a href="">首页</a></li>
41 <li class="layui-nav-item"><a href="">新闻动态</a></li>
42 <li class="layui-nav-item"><a href="">业务办理</a></li>
43 <li class="layui-nav-item"><a href="">办事指南</a></li>
44 <li class="layui-nav-item">
45 <a href="javascript:;">查验中心</a>
46 <dl class="layui-nav-child">
47 <!-- 二级菜单 -->
48 <dd><a href="">移动模块</a></dd>
49 <dd><a href="">后台模版</a></dd>
50 <dd><a href="">电商平台</a></dd>
51 </dl>
52 </li>
53 <li class="layui-nav-item"><a href="">在线缴费</a></li>
54 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
55 </ul>
56 </div>
57 <div class="mainbody">
21 <div class="layui-tab layui-tab-card"> 58 <div class="layui-tab layui-tab-card">
22 <ul class="layui-tab-title top"> 59 <ul class="layui-tab-title top">
23 <li class="layui-this">线上办理</li> 60 <li class="layui-this">线上办理</li>
...@@ -57,7 +94,8 @@ ...@@ -57,7 +94,8 @@
57 <div> 94 <div>
58 <button>在线办理</button> 95 <button>在线办理</button>
59 </div> 96 </div>
60 </div> <div class="td-item"> 97 </div>
98 <div class="td-item">
61 <div> 99 <div>
62 <span> 100 <span>
63 土地-企业-转移登记（买卖） 101 土地-企业-转移登记（买卖）
...@@ -68,7 +106,8 @@ ...@@ -68,7 +106,8 @@
68 </div> 106 </div>
69 </div> 107 </div>
70 </div> 108 </div>
71 </div> <div class="fw"> 109 </div>
110 <div class="fw">
72 <div class="fw-title"> 111 <div class="fw-title">
73 土地 112 土地
74 </div> 113 </div>
...@@ -92,7 +131,8 @@ ...@@ -92,7 +131,8 @@
92 <div> 131 <div>
93 <button>在线办理</button> 132 <button>在线办理</button>
94 </div> 133 </div>
95 </div> <div class="fw-item"> 134 </div>
135 <div class="fw-item">
96 <div> 136 <div>
97 <span> 137 <span>
98 土地-企业-转移登记（买卖） 138 土地-企业-转移登记（买卖）
...@@ -103,7 +143,8 @@ ...@@ -103,7 +143,8 @@
103 </div> 143 </div>
104 </div> 144 </div>
105 </div> 145 </div>
106 </div> <div class="gzw"> 146 </div>
147 <div class="gzw">
107 <div class="gzw-title"> 148 <div class="gzw-title">
108 土地 149 土地
109 </div> 150 </div>
...@@ -127,7 +168,8 @@ ...@@ -127,7 +168,8 @@
127 <div> 168 <div>
128 <button>在线办理</button> 169 <button>在线办理</button>
129 </div> 170 </div>
130 </div> <div class="gzw-item"> 171 </div>
172 <div class="gzw-item">
131 <div> 173 <div>
132 <span> 174 <span>
133 土地-企业-转移登记（买卖） 175 土地-企业-转移登记（买卖）
...@@ -138,7 +180,8 @@ ...@@ -138,7 +180,8 @@
138 </div> 180 </div>
139 </div> 181 </div>
140 </div> 182 </div>
141 </div> <div class="sl"> 183 </div>
184 <div class="sl">
142 <div class="sl-title"> 185 <div class="sl-title">
143 土地 186 土地
144 </div> 187 </div>
...@@ -162,7 +205,8 @@ ...@@ -162,7 +205,8 @@
162 <div> 205 <div>
163 <button>在线办理</button> 206 <button>在线办理</button>
164 </div> 207 </div>
165 </div> <div class="sl-item"> 208 </div>
209 <div class="sl-item">
166 <div> 210 <div>
167 <span> 211 <span>
168 土地-企业-转移登记（买卖） 212 土地-企业-转移登记（买卖）
...@@ -178,6 +222,8 @@ ...@@ -178,6 +222,8 @@
178 <div class="layui-tab-item">内容2</div> 222 <div class="layui-tab-item">内容2</div>
179 </div> 223 </div>
180 </div> 224 </div>
225 </div>
226
181 <div class="footer"> 227 <div class="footer">
182 <div class="system_service"> 228 <div class="system_service">
183 <ul class=""> 229 <ul class="">
......