4f4d40cf by 任超

style:细节

1 parent b1098f6d
...@@ -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%;
...@@ -481,4 +482,26 @@ ...@@ -481,4 +482,26 @@
481 } 482 }
482 .appointmentAvailable h3 { 483 .appointmentAvailable h3 {
483 margin-bottom: 6px!important; 484 margin-bottom: 6px!important;
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;
484 } 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:已办理
......
...@@ -5,7 +5,7 @@ addTabs('#wssq') ...@@ -5,7 +5,7 @@ addTabs('#wssq')
5 var data = { 5 var data = {
6 'progressList': [ 6 'progressList': [
7 { 7 {
8 stepName: "信息验", 8 stepName: "信息验",
9 stepState: 2 //0:未办理 1:正在办理 2:已办理 9 stepState: 2 //0:未办理 1:正在办理 2:已办理
10 }, 10 },
11 { 11 {
......
...@@ -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">
......