style:细节
Showing
6 changed files
with
39 additions
and
21 deletions
... | @@ -37,8 +37,9 @@ | ... | @@ -37,8 +37,9 @@ |
37 | padding: 0 150px; | 37 | padding: 0 150px; |
38 | box-sizing: border-box; | 38 | box-sizing: border-box; |
39 | position: relative; | 39 | position: relative; |
40 | margin-top: 30px; | 40 | margin-top: 15px; |
41 | border-radius: 2px; | 41 | border-radius: 2px; |
42 | margin-bottom: 30px; | ||
42 | } | 43 | } |
43 | .swiper-container { | 44 | .swiper-container { |
44 | width: 100%; | 45 | width: 100%; |
... | @@ -482,3 +483,25 @@ | ... | @@ -482,3 +483,25 @@ |
482 | .appointmentAvailable h3 { | 483 | .appointmentAvailable h3 { |
483 | margin-bottom: 6px!important; | 484 | margin-bottom: 6px!important; |
484 | } | 485 | } |
486 | .region_title { | ||
487 | height: 25px; | ||
488 | padding-left: 8px; | ||
489 | font-size: 16px; | ||
490 | line-height: 25px; | ||
491 | font-weight: 600; | ||
492 | position: relative; | ||
493 | padding-bottom: 10px; | ||
494 | color: #4A4A4A; | ||
495 | border-bottom: 1px dotted #E6E6E6; | ||
496 | width: 100%; | ||
497 | } | ||
498 | .region_title::before { | ||
499 | position:absolute; | ||
500 | content:""; | ||
501 | left:0; | ||
502 | width:4px; | ||
503 | height:12px; | ||
504 | border-radius: 1px; | ||
505 | top: 5px; | ||
506 | background-color: #0091FF; | ||
507 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -29,7 +29,7 @@ $(function () { | ... | @@ -29,7 +29,7 @@ $(function () { |
29 | var data = { | 29 | var data = { |
30 | 'progressList': [ | 30 | 'progressList': [ |
31 | { | 31 | { |
32 | stepName: "信息效验", | 32 | stepName: "信息校验", |
33 | stepState: 1 //0:未办理 1:正在办理 2:已办理 | 33 | stepState: 1 //0:未办理 1:正在办理 2:已办理 |
34 | }, | 34 | }, |
35 | { | 35 | { | ... | ... |
... | @@ -11,7 +11,7 @@ var business = [ | ... | @@ -11,7 +11,7 @@ var business = [ |
11 | "stepList": [//环节集合 | 11 | "stepList": [//环节集合 |
12 | { | 12 | { |
13 | "stepNo": "130101",//环节编码 | 13 | "stepNo": "130101",//环节编码 |
14 | "stepName": "信息效验",//环节名称 | 14 | "stepName": "信息校验",//环节名称 |
15 | "pageUrl": "/index.html",//环节指定页面 | 15 | "pageUrl": "/index.html",//环节指定页面 |
16 | "stepType": "write",//环节类型 | 16 | "stepType": "write",//环节类型 |
17 | "stepState": 1,//0:未办理 1:正在办理 2:已办理 | 17 | "stepState": 1,//0:未办理 1:正在办理 2:已办理 |
... | @@ -72,7 +72,7 @@ var business = [ | ... | @@ -72,7 +72,7 @@ var business = [ |
72 | "stepList": [//环节集合 | 72 | "stepList": [//环节集合 |
73 | { | 73 | { |
74 | "stepNo": "130101",//环节编码 | 74 | "stepNo": "130101",//环节编码 |
75 | "stepName": "信息效验",//环节名称 | 75 | "stepName": "信息校验",//环节名称 |
76 | "pageUrl": "/index.html",//环节指定页面 | 76 | "pageUrl": "/index.html",//环节指定页面 |
77 | "stepType": "write",//环节类型 | 77 | "stepType": "write",//环节类型 |
78 | "stepState": 1,//0:未办理 1:正在办理 2:已办理 | 78 | "stepState": 1,//0:未办理 1:正在办理 2:已办理 | ... | ... |
... | @@ -91,13 +91,13 @@ | ... | @@ -91,13 +91,13 @@ |
91 | <li> | 91 | <li> |
92 | <span class="business_name">{{item.bsznListVOS[i].headline}}</span> | 92 | <span class="business_name">{{item.bsznListVOS[i].headline}}</span> |
93 | <div class="itemButton"> | 93 | <div class="itemButton"> |
94 | <a href='./businessGuideDeatil.html?id="{{item.bsznListVOS[i].bsmBszn}}"' target="_blank"> | ||
95 | <button type="button" | ||
96 | class="layui-btn layui-btn-sm">查看详情</button> | ||
97 | </a> | ||
98 | <a class="onlineProcessing" data-id={{item.bsznListVOS[i].bsmBszn}}> | 94 | <a class="onlineProcessing" data-id={{item.bsznListVOS[i].bsmBszn}}> |
99 | <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | 95 | <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> |
100 | </a> | 96 | </a> |
97 | <a href='./businessGuideDeatil.html?id="{{item.bsznListVOS[i].bsmBszn}}"' target="_blank"> | ||
98 | <button type="button" | ||
99 | class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button> | ||
100 | </a> | ||
101 | </div> | 101 | </div> |
102 | </li> | 102 | </li> |
103 | {{# } }} | 103 | {{# } }} |
... | @@ -123,12 +123,12 @@ | ... | @@ -123,12 +123,12 @@ |
123 | <li> | 123 | <li> |
124 | <span class="business_name">{{item.bsznListVOS[i].headline}}</span> | 124 | <span class="business_name">{{item.bsznListVOS[i].headline}}</span> |
125 | <div class="itemButton"> | 125 | <div class="itemButton"> |
126 | <a href='./businessGuideDeatil.html?id={{item.bsznListVOS[i].bsmBszn}}' target="_blank"> | ||
127 | <button type="button" class="layui-btn layui-btn-sm">查看详情</button> | ||
128 | </a> | ||
129 | <a href="./yyxz.html" data-id={{item.bsznListVOS[i].bsmBszn}}> | 126 | <a href="./yyxz.html" data-id={{item.bsznListVOS[i].bsmBszn}}> |
130 | <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> | 127 | <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> |
131 | </a> | 128 | </a> |
129 | <a href='./businessGuideDeatil.html?id={{item.bsznListVOS[i].bsmBszn}}' target="_blank"> | ||
130 | <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button> | ||
131 | </a> | ||
132 | </div> | 132 | </div> |
133 | </li> | 133 | </li> |
134 | {{# } }} | 134 | {{# } }} | ... | ... |
... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
26 | </div> | 26 | </div> |
27 | <!-- ----------------------------------内容模块的开始----------------------------------------------- --> | 27 | <!-- ----------------------------------内容模块的开始----------------------------------------------- --> |
28 | <div class="central_area appointment_content"> | 28 | <div class="central_area appointment_content"> |
29 | <div class="progressBar"> | 29 | <div class="progressBar" style="margin-bottom: 30px;"> |
30 | <ul class="app_progress"> | 30 | <ul class="app_progress"> |
31 | <li> | 31 | <li> |
32 | <p class="active"></p> | 32 | <p class="active"></p> |
... | @@ -55,6 +55,7 @@ | ... | @@ -55,6 +55,7 @@ |
55 | </li> | 55 | </li> |
56 | </ul> | 56 | </ul> |
57 | </div> | 57 | </div> |
58 | <h2 class="region_title">选择日期</h2> | ||
58 | <div class="appoint_time"> | 59 | <div class="appoint_time"> |
59 | <div class="swiper-container"> | 60 | <div class="swiper-container"> |
60 | <div class="swiper-wrapper" id="swiperDate"></div> | 61 | <div class="swiper-wrapper" id="swiperDate"></div> |
... | @@ -65,14 +66,8 @@ | ... | @@ -65,14 +66,8 @@ |
65 | </div> | 66 | </div> |
66 | <!-- ----------------------------------业务选择start----------------------------------------------- --> | 67 | <!-- ----------------------------------业务选择start----------------------------------------------- --> |
67 | <div class="business_choice"> | 68 | <div class="business_choice"> |
68 | <div class="site-title"> | 69 | <h2 class="region_title">选择时间</h2> |
69 | <fieldset> | 70 | <div id="business_list" style="margin-top: 20px;"></div> |
70 | <legend> | ||
71 | <h2>业务列表</h2> | ||
72 | </legend> | ||
73 | </fieldset> | ||
74 | </div> | ||
75 | <div id="business_list"></div> | ||
76 | </div> | 71 | </div> |
77 | 72 | ||
78 | <div class="next_button"> | 73 | <div class="next_button"> | ... | ... |
-
Please register or sign in to post a comment