Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d629ddf4 by 田浩浩
Options

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

2 parents 947047e5 18296ce4
Expand all
Inline Side-by-side
Showing 11 changed files with 133 additions and 116 deletions
...@@ -5,11 +5,14 @@ ...@@ -5,11 +5,14 @@
5 <head> 5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7 <title>网上“一窗办事”登记系统</title> 7 <title>网上“一窗办事”登记系统</title>
8 <link type="text/css" rel="stylesheet" href="./staticCss/common.css" />
8 <link type="text/css" rel="stylesheet" href="./staticCss/pageHome.css" /> 9 <link type="text/css" rel="stylesheet" href="./staticCss/pageHome.css" />
9 <script type="text/javascript" src="./staticJs/head.js"></script> 10 <script type="text/javascript" src="./staticJs/head.js"></script>
10 </head> 11 </head>
11 12
12 <body> 13 <body>
14 <div class="top-logo loadheader"></div>
15 <div class="navigation loadheader"></div>
13 <div> 16 <div>
14 <div class="banner"> 17 <div class="banner">
15 <div class="layui-carousel" id="banner_swiper"> 18 <div class="layui-carousel" id="banner_swiper">
...@@ -556,7 +559,6 @@ ...@@ -556,7 +559,6 @@
556 </ul> 559 </ul>
557 </div> 560 </div>
558 </div> 561 </div>
559
560 </body> 562 </body>
561 <script type="text/javascript" src="./staticJs/down.js"></script> 563 <script type="text/javascript" src="./staticJs/down.js"></script>
562 <script type="text/javascript" src="./staticJs/common.js"></script> 564 <script type="text/javascript" src="./staticJs/common.js"></script>
......
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 content: " "; 36 content: " ";
37 display: block; 37 display: block;
38 position: absolute; 38 position: absolute;
39 left: 11px; 39 left: 10px;
40 top: 6px; 40 top: 6px;
41 width: 8px; 41 width: 8px;
42 height: 12px; 42 height: 12px;
......
1 div.subject h2 a:hover { 1 div.subject h2 a:hover {
2 color: #0091FF; 2 color: #0091FF;
3 } 3 }
4 4 .content_zc {
5 min-height:calc(100vh - 207px);
6 }
5 div.subject { 7 div.subject {
6 margin: 0 auto; 8 margin: 0 auto;
7 float: none; 9 float: none;
...@@ -103,7 +105,9 @@ div.subject { ...@@ -103,7 +105,9 @@ div.subject {
103 .right { 105 .right {
104 width: 400px; 106 width: 400px;
105 } 107 }
106 108 .left {
109 width: 82%;
110 }
107 .left, .right { 111 .left, .right {
108 float: left; 112 float: left;
109 } 113 }
...@@ -195,6 +199,7 @@ div.subject { ...@@ -195,6 +199,7 @@ div.subject {
195 #page { 199 #page {
196 margin-top: 20px; 200 margin-top: 20px;
197 text-align: center; 201 text-align: center;
202 margin-bottom: 50px;
198 } 203 }
199 204
200 .right { 205 .right {
......
...@@ -9,38 +9,6 @@ ...@@ -9,38 +9,6 @@
9 padding-top: 25px; 9 padding-top: 25px;
10 margin-bottom: 25 10 margin-bottom: 25
11 } 11 }
12 .app_progress li {
13 padding: 0 30px;
14 line-height: 40px;
15 background: #eee;
16 display: inline-block;
17 color: #fff;
18 position: relative;
19 color: black;
20 cursor: pointer;
21 }
22 .app_progress li:hover {
23 background-color: #1E9FFF;
24 color: #fff;
25 }
26
27 .app_progress li:hover:after {
28 border-left-color: #1E9FFF;
29 }
30 .app_progress li:after{
31 content: '';
32 display: block;
33 border-top: 20px solid #fff;
34 border-bottom: 20px solid #fff;
35 border-left: 12px solid #eee;
36 position: absolute;
37 right:0;
38 top: 0;
39 }
40 .active {
41 background-color: #1E9FFF!important;
42 color: #fff!important;
43 }
44 .app_progress li.active:after { 12 .app_progress li.active:after {
45 border-left-color: #1E9FFF; 13 border-left-color: #1E9FFF;
46 } 14 }
...@@ -79,12 +47,13 @@ ...@@ -79,12 +47,13 @@
79 padding: 10px; 47 padding: 10px;
80 font-size: 14px; 48 font-size: 14px;
81 box-sizing: border-box; 49 box-sizing: border-box;
50 margin-top: 30px!important;
82 } 51 }
83 .status_info { 52 .status_info {
84 float: left; 53 float: left;
85 } 54 }
86 .appointment_status .title { 55 .appointment_status .title {
87 color: #009688; 56 color: #4A4A4A;
88 font-weight: 600; 57 font-weight: 600;
89 margin-bottom: 10px; 58 margin-bottom: 10px;
90 } 59 }
...@@ -93,10 +62,16 @@ ...@@ -93,10 +62,16 @@
93 margin-bottom: 8px; 62 margin-bottom: 8px;
94 } 63 }
95 .appointment_status .title h3 span { 64 .appointment_status .title h3 span {
96 color: #FF5722; 65 color: #FA6400;
66 font-size: 18px;
67 }
68 .appointment_status ul {
69 margin-top: 30px;
97 } 70 }
98 .appointment_status ul li { 71 .appointment_status ul li {
99 line-height: 24px; 72 color: #4A4A4A;
73 line-height: 28px;
74 display: inline-block;
100 } 75 }
101 .code { 76 .code {
102 float: left; 77 float: left;
...@@ -114,20 +89,33 @@ ...@@ -114,20 +89,33 @@
114 font-size: 14px; 89 font-size: 14px;
115 } 90 }
116 .appointment_info { 91 .appointment_info {
117 width: 25%;
118 float: left;
119 height: 500px;
120 box-sizing: border-box; 92 box-sizing: border-box;
121 padding: 10px; 93 padding: 10px;
122 margin-right:10px; 94 margin-right:10px;
123 } 95 }
96 .appointment_info ul {
97 font-size: 0;
98 }
124 .appointment_info h3 { 99 .appointment_info h3 {
125 font-weight: 600; 100 font-weight: 600;
126 margin-bottom: 10px; 101 margin-bottom: 10px;
127 } 102 }
128 .appointment_info li { 103 .appointment_info li {
129 line-height: 30px; 104 line-height: 30px;
105 font-size: 14px;
106 width: 50%;
107 display: inline-block;
130 } 108 }
131 .appointment_info li p { 109 .appointment_info li p {
132 display: inline-block; 110 display: inline-block;
111 }
112 .appointment_info li span {
113 color: #9B9B9B;
114 display: inline-block;
115 width: 80px;
116 text-align: right;
117 }
118 #container {
119 margin-bottom: 100px;
120 margin-top: 10px;
133 } 121 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -98,11 +98,13 @@ div.subject { ...@@ -98,11 +98,13 @@ div.subject {
98 } 98 }
99 99
100 /* ---------------------------------------------------- */ 100 /* ---------------------------------------------------- */
101 .content_zc {
102 min-height:calc(100vh - 190px);
103 }
101 .leftandright { 104 .leftandright {
102 width: 1200px; 105 width: 1200px;
103 margin: 0 auto; 106 margin: 0 auto;
104 overflow: hidden; 107 overflow: hidden;
105 min-height:calc(100vh - 207px);
106 } 108 }
107 .leftandright .left { 109 .leftandright .left {
108 width: 80%; 110 width: 80%;
...@@ -198,6 +200,7 @@ div.subject { ...@@ -198,6 +200,7 @@ div.subject {
198 #page { 200 #page {
199 margin-top: 20px; 201 margin-top: 20px;
200 text-align: center; 202 text-align: center;
203 margin-bottom: 50px;
201 } 204 }
202 205
203 .right { 206 .right {
......
...@@ -16,6 +16,7 @@ document.writeln(" <meta name=\'description\' content=\'\' />"); ...@@ -16,6 +16,7 @@ document.writeln(" <meta name=\'description\' content=\'\' />");
16 document.writeln(" <meta name=\'Keywords\' content=\'\' />"); 16 document.writeln(" <meta name=\'Keywords\' content=\'\' />");
17 document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />"); 17 document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />");
18 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />"); 18 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />");
19 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/jquery/jquery.min.js\'></script>");
19 document.writeln("</head>"); 20 document.writeln("</head>");
20 document.writeln(""); 21 document.writeln("");
21 document.writeln("<body>"); 22 document.writeln("<body>");
...@@ -61,6 +62,5 @@ document.writeln(" </div> "); ...@@ -61,6 +62,5 @@ document.writeln(" </div> ");
61 document.writeln("</body>"); 62 document.writeln("</body>");
62 document.writeln(""); 63 document.writeln("");
63 document.writeln("</html>"); 64 document.writeln("</html>");
64 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/jquery/jquery.min.js\'></script>");
65 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/layui/layui.js\'></script>"); 65 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/layui/layui.js\'></script>");
66 document.writeln("<script src=\'https://at.alicdn.com/t/font_2174584_uxkon9mpq1.js\'></script>"); 66 document.writeln("<script src=\'https://at.alicdn.com/t/font_2174584_uxkon9mpq1.js\'></script>");
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -49,6 +49,7 @@ function getDate() { ...@@ -49,6 +49,7 @@ function getDate() {
49 49
50 //初始化方法 50 //初始化方法
51 $(function () { 51 $(function () {
52 $('.loadheader').hide();
52 addTabs('#index'); 53 addTabs('#index');
53 recentlyDay = getDate(); 54 recentlyDay = getDate();
54 NewsData(); 55 NewsData();
......
...@@ -24,7 +24,9 @@ $(function () { ...@@ -24,7 +24,9 @@ $(function () {
24 24
25 } else { 25 } else {
26 layui.use('layer', function () { 26 layui.use('layer', function () {
27 layer.alert('请先同意以上协议', {icon: 6,title:'提示'}); 27 layer.msg('请先同意以上协议', function(){
28 //关闭后的操作
29 });
28 }) 30 })
29 } 31 }
30 }) 32 })
......
...@@ -31,55 +31,60 @@ ...@@ -31,55 +31,60 @@
31 <div class="right-top"> 31 <div class="right-top">
32 <h2>新闻推荐</h2> 32 <h2>新闻推荐</h2>
33 </div> 33 </div>
34 <ul class="right-body"> 34 <div class="right">
35 <li class="tj"> 35 <div class="right-top">
36 <img 36 <h2>新闻推荐</h2>
37 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
38 <span class="tj-title">
39 爬山虎国土空间信息化解决方案
40 </span>
41 <span class="tj-date">
42 2020-12-12
43 </span>
44 </li>
45 <li class="tj">
46 <img
47 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
48 <span class="tj-title">
49 爬山虎国土空间信息化解决方案
50 </span>
51 <span class="tj-date">
52 2020-12-12
53 </span>
54 </li>
55 </ul>
56 <ul class="right-bottom">
57 <div class="right-bottom-top">
58 <span>政策法规推荐</span>
59 </div> 37 </div>
60 <li class="zcfg"> 38 <ul class="right-body">
61 <div class="zcfg-top"> 39 <li class="tj">
62 <span>爬山虎国土空间规划信息化解决</span> 40 <img
63 </div> 41 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
64 <div class="zcfg-body"> 42 <span class="tj-title">
65 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span> 43 爬山虎国土空间信息化解决方案
66 </div> 44 </span>
67 <div class="zcfg-bottom"> 45 <span class="tj-date">
68 <span>2020-10-28</span> 46 2020-12-12
69 </div> 47 </span>
70 </li> 48 </li>
71 <li class="zcfg"> 49 <li class="tj">
72 <div class="zcfg-top"> 50 <img
73 <span>爬山虎国土空间规划信息化解决</span> 51 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
74 </div> 52 <span class="tj-title">
75 <div class="zcfg-body"> 53 爬山虎国土空间信息化解决方案
76 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span> 54 </span>
77 </div> 55 <span class="tj-date">
78 <div class="zcfg-bottom"> 56 2020-12-12
79 <span>2020-10-28</span> 57 </span>
58 </li>
59 </ul>
60 <ul class="right-bottom">
61 <div class="right-bottom-top">
62 <span>政策法规推荐</span>
80 </div> 63 </div>
81 </li> 64 <li class="zcfg">
82 </ul> 65 <div class="zcfg-top">
66 <span>爬山虎国土空间规划信息化解决</span>
67 </div>
68 <div class="zcfg-body">
69 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
70 </div>
71 <div class="zcfg-bottom">
72 <span>2020-10-28</span>
73 </div>
74 </li>
75 <li class="zcfg">
76 <div class="zcfg-top">
77 <span>爬山虎国土空间规划信息化解决</span>
78 </div>
79 <div class="zcfg-body">
80 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
81 </div>
82 <div class="zcfg-bottom">
83 <span>2020-10-28</span>
84 </div>
85 </li>
86 </ul>
87 </div>
83 </div> 88 </div>
84 </div> 89 </div>
85 </body> 90 </body>
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <title>我的预约-预约结果</title> 8 <title>我的预约-预约结果</title>
9 <script type="text/javascript" src="../staticJs/head.js"></script> 9 <script type="text/javascript" src="../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../staticCss/yyjg.css"> 10 <link rel="stylesheet" type="text/css" href="../staticCss/yyjg.css">
11 <link rel="stylesheet" type="text/css" href="../staticCss/progressBar.css">
11 </head> 12 </head>
12 13
13 <body> 14 <body>
...@@ -23,31 +24,45 @@ ...@@ -23,31 +24,45 @@
23 </div> 24 </div>
24 <!-- ----------------------------------内容模块的开始----------------------------------------------- --> 25 <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
25 <div class="central_area"> 26 <div class="central_area">
26 <div class="appointment_notice contentBox"> 27 <div class="progressBar contentBox">
27 <ul class="app_progress"> 28 <ul class="app_progress">
28 <li class="selected"> 29 <li>
29 <span>1</span> 30 <p class="active"></p>
30 预约须知 31 <h5>
32 预约须知
33 </h5>
31 </li> 34 </li>
32 <div class="line"></div> 35 <div class="layui-progress">
33 <li class="selected"> 36 <div class="layui-progress-bar" lay-percent="100%"></div>
34 <span>2</span> 37 </div>
35 选择区域 38 <li>
39 <p class="active"></p>
40 <h5>
41 选择区域
42 </h5>
36 </li> 43 </li>
37 <div class="line"></div> 44 <div class="layui-progress">
38 <li class="selected"> 45 <div class="layui-progress-bar" lay-percent="100%"></div>
39 <span>3</span> 46 </div>
40 预约时间 47 <li>
48 <p class="active"></p>
49 <h5>
50 预约时间
51 </h5>
41 </li> 52 </li>
42 <div class="line"></div> 53 <div class="layui-progress">
43 <li class="active"> 54 <div class="layui-progress-bar" lay-percent="100%"></div>
44 <span>4</span> 55 </div>
45 预约结果 56 <li>
57 <p class="active"></p>
58 <h5>
59 预约结果
60 </h5>
46 </li> 61 </li>
47 </ul> 62 </ul>
48 </div> 63 </div>
49 <!-- ---------------------预约状态------------------------- --> 64 <!-- ---------------------预约状态------------------------- -->
50 <div class="appointment_status layui-bg-gray contentBox"> 65 <div class="appointment_status contentBox">
51 <div class="status_info"> 66 <div class="status_info">
52 <div class="title"> 67 <div class="title">
53 <h3> 68 <h3>
...@@ -62,13 +77,9 @@ ...@@ -62,13 +77,9 @@
62 <li>3.请凭预约号及相关证件，按预约时间提前10分钟到选定的不动产登记中心办理业务</li> 77 <li>3.请凭预约号及相关证件，按预约时间提前10分钟到选定的不动产登记中心办理业务</li>
63 </ul> 78 </ul>
64 </div> 79 </div>
65 <div class="code">
66 <img src="../staticImages/code.png">
67 </div>
68 </div> 80 </div>
69 <div class="appointment_info_content contentBox"> 81 <div class="appointment_info_content contentBox">
70 <div class="appointment_info layui-bg-gray"> 82 <div class="appointment_info">
71 <h3>预约信息</h3>
72 <ul> 83 <ul>
73 <li> 84 <li>
74 <span>姓名：</span> 85 <span>姓名：</span>
...@@ -83,7 +94,7 @@ ...@@ -83,7 +94,7 @@
83 <p>碑林区办事大厅</p> 94 <p>碑林区办事大厅</p>
84 </li> 95 </li>
85 <li> 96 <li>
86 <span>办理业务类型：</span> 97 <span>预约业务：</span>
87 <p>二手房过户</p> 98 <p>二手房过户</p>
88 </li> 99 </li>
89 <li> 100 <li>
...@@ -92,7 +103,7 @@ ...@@ -92,7 +103,7 @@
92 </li> 103 </li>
93 </ul> 104 </ul>
94 </div> 105 </div>
95 <div id="container" style="width: 74%;height: 500px;"></div> 106 <div id="container" style="width: 100%;height: 500px;"></div>
96 </div> 107 </div>
97 </div> 108 </div>
98 </div> 109 </div>
......