Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
ef1b36f0 by 任超
Options

style:公示公告模块

1 parent c327a35b
Inline Side-by-side
Showing 9 changed files with 49 additions and 388 deletions
...@@ -238,173 +238,27 @@ ...@@ -238,173 +238,27 @@
238 证书核验 238 证书核验
239 </li> 239 </li>
240 </ul> 240 </ul>
241 </div> 241 <ul class="business-search">
242 </div> 242 <li url-id="business">
243 <!-- 法律法规 --> 243 <img src="/staticImages/yewusearch.png" />
244 <div class="laws_regulations"> 244 业务查询
245 <div class="regulations title"> 245 </li>
246 <div class="regulations_content"> 246 <li url-id="guide">
247 <h2> 247 <img src="/staticImages/banshizhinan.png" />
248 <a href="./staticViews/flfg.html" title="法律法规"> 248 办事指南
249 <p> 249 </li>
250 <svg class="icon svg-icon" aria-hidden="true"> 250 <li url-id="pay">
251 <use xlink:href="#iconbanshizhinan"></use> 251 <img src="/staticImages/xianshangjiaofei.png" />
252 </svg> 252 线上缴费
253 <span>法律法规</span> 253 </li>
254 </p> 254 <li url-id="logistics">
255 <i>查看全部 ></i> 255 <img src="/staticImages/wuliugenzong.png" />
256 </a> 256 物流跟踪
257 </h2> 257 </li>
258 <ul class="laws_list" id="ulLaws">
259 </ul> 258 </ul>
260 </div> 259 </div>
261 </div> 260 </div>
262 <!-- 相应政策 --> 261 <!-- -->
263 <div class="policy title">
264 <div class="policy_content">
265 <h2>
266 <a href="./staticViews/xyzc.html" title="相应政策">
267 <p>
268 <svg class="icon svg-icon" aria-hidden="true">
269 <use xlink:href="#iconzhengce"></use>
270 </svg>
271 <span>相应政策</span>
272 </p>
273 <i>查看全部 ></i>
274 </a>
275 </h2>
276 <ul class="laws_list" id="policies"></ul>
277 </div>
278 </div>
279 </div>
280 <!-- 常见问题，政民互动 -->
281 <div class="common_question">
282 <div class="subject_con">
283 <dl class="subject">
284 <dt class="title">
285 <h2>
286 <a href="" title="常见问题">
287 <p>
288 <svg class="icon svg-icon" aria-hidden="true">
289 <use xlink:href="#iconchangjianwenda"></use>
290 </svg>
291 <span>常见问题</span>
292 </p>
293 <i>查看全部 ></i>
294 </a>
295 </h2>
296 </dt>
297 <div class="list_content">
298 <dd>
299 <a href="" title="基础问题">
300 <svg class="icon svg-icon" aria-hidden="true">
301 <use xlink:href="#iconwenhao"></use>
302 </svg>
303 基础问题
304 </a>
305 <a href="" title="继承登记">
306 <svg class="icon svg-icon" aria-hidden="true">
307 <use xlink:href="#iconwenhao"></use>
308 </svg>
309 继承登记
310 </a>
311 </dd>
312 <dd>
313 <a href="" title="一手商品房办证">
314 <svg class="icon svg-icon" aria-hidden="true">
315 <use xlink:href="#iconwenhao"></use>
316 </svg>
317 一手商品房办证
318 </a>
319 <a href="" title="抵押登记">
320 <svg class="icon svg-icon" aria-hidden="true">
321 <use xlink:href="#iconwenhao"></use>
322 </svg>
323 抵押登记
324 </a>
325 </dd>
326 <dd>
327 <a href="" title="二手房办证">
328 <svg class="icon svg-icon" aria-hidden="true">
329 <use xlink:href="#iconwenhao"></use>
330 </svg>
331 二手房办证
332 </a>
333 <a href="" title="预售及网签">
334 <svg class="icon svg-icon" aria-hidden="true">
335 <use xlink:href="#iconwenhao"></use>
336 </svg>
337 预售及网签
338 </a>
339 </dd>
340 <dd>
341 <a href="" title="经济适用房登记">
342 <svg class="icon svg-icon" aria-hidden="true">
343 <use xlink:href="#iconwenhao"></use>
344 </svg>
345 经济适用房登记
346 </a>
347 <a href="" title="夫妻加减名变更">
348 <svg class="icon svg-icon" aria-hidden="true">
349 <use xlink:href="#iconwenhao"></use>
350 </svg>
351 夫妻加减名变更
352 </a>
353 </dd>
354 <dd>
355 <a href="" title="变更登记">
356 <svg class="icon svg-icon" aria-hidden="true">
357 <use xlink:href="#iconwenhao"></use>
358 </svg>
359 变更登记
360 </a>
361 <a href="" title="夫妻离婚变更">
362 <svg class="icon svg-icon" aria-hidden="true">
363 <use xlink:href="#iconwenhao"></use>
364 </svg>
365 夫妻离婚变更
366 </a>
367 </dd>
368 </div>
369 </dl>
370 <dl class="interact">
371 <dt class="title">
372 <h2>
373 <a href="" title="政民互动">
374 <p>
375 <svg class="icon svg-icon" aria-hidden="true">
376 <use xlink:href="#iconzhengminhudong"></use>
377 </svg>
378 <span>政民互动</span>
379 </p>
380 <i>查看全部 ></i>
381 </a>
382 </h2>
383 </dt>
384 <div class="list_content_right">
385 <dd>
386 <a title="在线评价">
387 <img src="./staticImages/zxpj.png" alt="在线评价" />
388 <p>在线评价</p>
389 </a>
390 </dd>
391 <dd>
392 <a title="在线留言">
393 <img src="./staticImages/zxly.png" alt="在线留言" />
394 <p>在线留言</p>
395 </a>
396 </dd>
397 <dd>
398 <a title="在线互动">
399 <img src="./staticImages/zxhd.png" alt="在线互动" />
400 <p>在线互动</p>
401 </a>
402 </dd>
403 </div>
404
405 </dl>
406 </div>
407 </div>
408 <!-- 友情链接 --> 262 <!-- 友情链接 -->
409 <div class="c_five Links"> 263 <div class="c_five Links">
410 <div class="subject"> 264 <div class="subject">
......
...@@ -12,229 +12,6 @@ ...@@ -12,229 +12,6 @@
12 text-align: center; 12 text-align: center;
13 } 13 }
14 14
15 /* ---------------法律法规 start----------------------- */
16 .laws_regulations {
17 width: 1220px;
18 margin: 0 auto;
19 padding: 40px 0;
20 overflow: hidden;
21 }
22 .laws_regulations .regulations, .policy {
23 width: 50%;
24 }
25 .laws_regulations .regulations_content, .policy_content {
26 height: 370px;
27 border-radius: 2px;
28 border: 1px solid #DEDEDE;
29 margin: 0 10px;
30 }
31 .laws_regulations .policy{
32 float: right;
33 }
34
35 .laws_regulations .regulations{
36 float: left;
37 }
38 .laws_regulations .title h2 a{
39 display: block;
40 padding: 20px;
41 height: 60px;
42 box-sizing: border-box;
43 border-bottom: 1px solid #DEDEDE;
44 width: 100%;
45 }
46 .laws_regulations .title h2 a p{
47 font-weight: 600;
48 color: #4A4A4A;
49 float: left;
50 height: 37px;
51 border-bottom: 2px solid #006CFF;
52 position: relative;
53 top: 1px;
54 }
55 .laws_regulations .title h2 a p .icon {
56 width: 22px;
57 height: 21px;
58 }
59 .laws_regulations .title h2 a p span {
60 position: relative;
61 font-size: 20px;
62 top: -3px;
63 margin-left: 3px;
64 }
65
66 .laws_regulations .title h2 i{
67 font-style: normal;
68 float: right;
69 font-size: 14px;
70 color: #9B9B9B;
71 }
72 .laws_regulations .title h2 i:hover {
73 color: #0091FF;
74 }
75 .laws_regulations .laws_list {
76 padding: 0 21px;
77 }
78 .laws_regulations .laws_list li{
79 height: 50px;
80 line-height: 50px;
81 padding-left: 3px;
82 }
83 .laws_regulations .laws_list li a{
84 display: block;
85 white-space:nowrap; /*文本不换行*/
86 text-overflow:ellipsis;/*设置超出部分显示...*/
87 -o-text-overflow:ellipsis;
88 overflow: hidden;
89 width: 90%;
90 }
91 .laws_regulations .laws_list li a:hover {
92 color: #0091FF;
93 }
94 .laws_regulations .laws_list li:not(:last-child) {
95 border-bottom: 1px dashed #DEDEDE;
96 }
97 /* -------------常见问题start--------------------- */
98 .common_question {
99 padding: 40px;
100 background: #F6F9FB;
101 }
102 .common_question .subject_con {
103 width: 1200px;
104 margin: 0 auto;
105 overflow: hidden;
106 }
107 .common_question .subject, .interact{
108 border-radius: 2px;
109 width: 49%;
110 border: 1px solid #E7ECEF;
111 background-color: #ffffff;
112 }
113 .common_question .list_content , .list_content_right{
114 padding: 10px 20px 20px 20px;
115 box-sizing: border-box;
116 }
117 .common_question .list_content dd {
118 height: 50px;
119 line-height: 50px;
120 }
121 .common_question .list_content dd a{
122 display: inline-block;
123 width: 40%;
124 height: 50px;
125 line-height: 50px;
126 border-bottom: 1px dashed #DEDEDE;
127 }
128 .common_question .list_content dd a .icon {
129 width: 20px;
130 height: 20px;
131 position: relative;
132 top: 5px;
133 margin-right: 5px;
134 }
135 .common_question .list_content dd a:hover {
136 color: #0091FF;
137 }
138 .common_question .list_content dd a:first-child {
139 float: left;
140 }
141 .common_question .list_content dd a:last-child {
142 float: right;
143 }
144 .common_question .list_content dd:last-child a{
145 border: none;
146 }
147 .common_question .subject {
148 float: left;
149 }
150 .common_question .interact {
151 float: right;
152 }
153
154 .common_question .title h2 a{
155 display: block;
156 padding: 20px;
157 box-sizing: border-box;
158 height: 60px;
159 box-sizing: border-box;
160 border-bottom: 1px solid #E6E6E6;
161 width: 100%;
162 }
163 .common_question .title h2 a p{
164 font-weight: 600;
165 color: #4A4A4A;
166 float: left;
167 height: 37px;
168 border-bottom: 2px solid #006CFF;
169 position: relative;
170 top: 1px;
171 }
172 .common_question .title h2 a p .icon {
173 width: 22px;
174 height: 21px;
175 float: left;
176 }
177 .common_question .title h2 a p span {
178 position: relative;
179 font-size: 20px;
180 margin-left: 5px;
181 float: left;
182 top: -4px;
183 }
184
185 .common_question .title h2 i{
186 font-style: normal;
187 float: right;
188 font-size: 14px;
189 color: #9B9B9B;
190 }
191 .common_question .title h2 i:hover {
192 color: #0091FF;
193 }
194 .common_question .list_content_right {
195 text-align: center;
196 padding-bottom: 8px;
197 box-sizing: border-box;
198 overflow: hidden;
199 }
200 .common_question .list_content_right dd{
201 width: 49%;
202 float: left;
203 height: 130px;
204 text-align: center;
205 }
206 .common_question .list_content_right dd {
207 border-right: 1px dashed #DEDEDE;
208 border-bottom: 1px dashed #DEDEDE;
209 }
210 .common_question .list_content_right dd:nth-of-type(n+3) {
211 border-bottom: none;
212 }
213 .common_question .list_content_right dd:nth-child(even){
214 border-right: none;
215 }
216 .common_question .list_content_right dd a {
217 display: block;
218 position: relative;
219 top:50%;
220 height: 70px;
221 transform:translateY(-50%);
222 }
223 .common_question .list_content_right dd a img{
224 width: 70px;
225 height: 70px;
226 display: inline-block;
227 }
228 .common_question .list_content_right dd a p{
229 display: inline-block;
230 position: relative;
231 left: 6px;
232 top: -28px;
233 cursor: pointer;
234 }
235 .common_question .list_content_right dd a p:hover {
236 color: #0091FF;
237 }
238 .news_title_content:hover span{ 15 .news_title_content:hover span{
239 color: #4A4A4A; 16 color: #4A4A4A;
240 } 17 }
...@@ -734,7 +511,7 @@ div.c_five ul li a img { ...@@ -734,7 +511,7 @@ div.c_five ul li a img {
734 background: url('/staticImages/idanganbg.png') no-repeat right bottom; 511 background: url('/staticImages/idanganbg.png') no-repeat right bottom;
735 background-size: 65px 66px; 512 background-size: 65px 66px;
736 } 513 }
737 .business-list-rightItem ul:nth-of-type(1) li:not(:last-child) { 514 .business-list-rightItem ul li:not(:last-child) {
738 margin-right: 20px; 515 margin-right: 20px;
739 } 516 }
740 .business-list-rightItem ul:nth-of-type(1) li img { 517 .business-list-rightItem ul:nth-of-type(1) li img {
...@@ -743,3 +520,30 @@ div.c_five ul li a img { ...@@ -743,3 +520,30 @@ div.c_five ul li a img {
743 position: relative; 520 position: relative;
744 top: 10px; 521 top: 10px;
745 } 522 }
523 .business-list-rightItem ul:nth-of-type(2) {
524 font-size: 0;
525 margin-top: 23px;
526 }
527 .business-list-rightItem ul:nth-of-type(2) li {
528 display: inline-block;
529 width: 227px;
530 height: 150px;
531 background: #FFFFFF;
532 box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
533 border-radius: 2px;
534 border: 1px solid #E9E9E9;
535 color: #686666;
536 font-size: 20px;
537 box-sizing: border-box;
538 text-align: center;
539 color: #686666;
540 cursor: pointer;
541 }
542 .business-list-rightItem ul:nth-of-type(2) li img {
543 display: block;
544 width: 34px;
545 height: 37px;
546 margin: 0 auto;
547 margin-top: 30px;
548 margin-bottom: 20px;
549 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -92,6 +92,9 @@ function getSearchUrl(level) { ...@@ -92,6 +92,9 @@ function getSearchUrl(level) {
92 progress: '/staticViews/convenienceService/progressInquiry.html', 92 progress: '/staticViews/convenienceService/progressInquiry.html',
93 appointment : '/staticViews/yyxz.html', 93 appointment : '/staticViews/yyxz.html',
94 certificate: '/staticViews/convenienceService/certificateVerification.html', 94 certificate: '/staticViews/convenienceService/certificateVerification.html',
95 business: '/staticViews/convenienceService/businessInquiry.html',
96 guide: '/staticViews/bszn.html',
97 pay: '/staticViews/zxjf.html',
95 default: 'gologin', 98 default: 'gologin',
96 } 99 }
97 return resultMap[level] || resultMap.default; 100 return resultMap[level] || resultMap.default;
......