Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
4dc2fd50 by 任超
Options

style:我的业务

1 parent 1dac2b91
Inline Side-by-side
Showing 3 changed files with 22 additions and 39 deletions
...@@ -109,12 +109,13 @@ ...@@ -109,12 +109,13 @@
109 } 109 }
110 .business_titleList li a { 110 .business_titleList li a {
111 display: block; 111 display: block;
112 height: 142px; 112 height: 152px;
113 border: 1px solid #eee;
114 border-radius: 5px;
115 text-align: center; 113 text-align: center;
116 cursor: pointer; 114 cursor: pointer;
117 color: #FFFFFF; 115 color: #7A7A7A;
116 box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
117 border-radius: 4px;
118 border: 1px solid #E9E9E9;
118 } 119 }
119 .business_titleList li p:nth-child(1) { 120 .business_titleList li p:nth-child(1) {
120 font-size: 18px; 121 font-size: 18px;
...@@ -122,6 +123,7 @@ ...@@ -122,6 +123,7 @@
122 font-size: 36px; 123 font-size: 36px;
123 margin-bottom: 3px; 124 margin-bottom: 3px;
124 font-weight: 600; 125 font-weight: 600;
126 color: #3C4A66;
125 } 127 }
126 /* ---------------预约列表------------------- */ 128 /* ---------------预约列表------------------- */
127 .contentBox { 129 .contentBox {
...@@ -131,7 +133,9 @@ ...@@ -131,7 +133,9 @@
131 .appintmentList { 133 .appintmentList {
132 padding: 0 20px 20px 20px; 134 padding: 0 20px 20px 20px;
133 border-radius: 6px; 135 border-radius: 6px;
134 border: 1px solid #25BEFF; 136 background: #FFFFFF;
137 box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
138 border: 1px solid #E9E9E9;
135 } 139 }
136 .appintmentList li { 140 .appintmentList li {
137 border-bottom: 1px solid #eee; 141 border-bottom: 1px solid #eee;
...@@ -233,19 +237,19 @@ ...@@ -233,19 +237,19 @@
233 } 237 }
234 /* 头部tab */ 238 /* 头部tab */
235 .applyBusinessRecord a{ 239 .applyBusinessRecord a{
236 background: url('../staticImages/heji.png'); 240 /* background: url('../staticImages/heji.png'); */
237 background-size: 100% 100%; 241 background-size: 100% 100%;
238 } 242 }
239 .to_be_submitted a { 243 .to_be_submitted a {
240 background: url('../staticImages/daitijiao.png'); 244 /* background: url('../staticImages/daitijiao.png'); */
241 background-size: 100% 100%; 245 background-size: 100% 100%;
242 } 246 }
243 .applyBusinessIn a { 247 .applyBusinessIn a {
244 background: url('../staticImages/banlizhong.png'); 248 /* background: url('../staticImages/banlizhong.png'); */
245 background-size: 100% 100%; 249 background-size: 100% 100%;
246 } 250 }
247 .applyBusinessEnd a { 251 .applyBusinessEnd a {
248 background: url('../staticImages/yibanjie.png'); 252 /* background: url('../staticImages/yibanjie.png'); */
249 background-size: 100% 100%; 253 background-size: 100% 100%;
250 } 254 }
251 .obligee { 255 .obligee {
...@@ -266,32 +270,15 @@ ...@@ -266,32 +270,15 @@
266 position: absolute; 270 position: absolute;
267 right: 20px; 271 right: 20px;
268 top: 50%; 272 top: 50%;
269 width: 12px; 273 width: 17px;
270 height: 12px; 274 height: 17px;
271 margin-top: -2px; 275 margin-top: -4px;
272 border-right: 1px solid #ffffff; 276 border-right: 1px solid #E9E9E9;
273 border-bottom: 1px solid #ffffff; 277 border-bottom: 1px solid #E9E9E9;;
274 -webkit-transform: rotate(225deg); 278 -webkit-transform: rotate(225deg);
275 content: ''; 279 content: '';
276 background-color: #FFFFFF; 280 background-color: #FFFFFF;
277 z-index: 10; 281 z-index: 10;
278
279 }
280 .arrow0:before {
281 border-color: #25BEFF;
282 z-index: 10;
283 }
284 .arrow1:before {
285 border-color: #FF862F;
286 z-index: 10;
287 }
288 .arrow2:before {
289 border-color: #23E3D5;
290 z-index: 10;
291 }
292 .arrow3:before {
293 border-color: #FABF4F;
294 z-index: 10;
295 } 282 }
296 .completed { 283 .completed {
297 color: #23E3D5; 284 color: #23E3D5;
......
...@@ -17,19 +17,15 @@ $(function () { ...@@ -17,19 +17,15 @@ $(function () {
17 if (dataId == '0') { 17 if (dataId == '0') {
18 _applyBusinessRecord() 18 _applyBusinessRecord()
19 dataRendering(dataList.list) 19 dataRendering(dataList.list)
20 $('.appintmentList').css("border-color", "#25BEFF");
21 } else if (dataId == '1') { 20 } else if (dataId == '1') {
22 _applyBusinessWiat() 21 _applyBusinessWiat()
23 dataRendering(dataList.list) 22 dataRendering(dataList.list)
24 $('.appintmentList').css("border-color", "#FF862F");
25 } else if (dataId == '2') { 23 } else if (dataId == '2') {
26 _applyBusinessIn() 24 _applyBusinessIn()
27 dataRendering(dataList.list) 25 dataRendering(dataList.list)
28 $('.appintmentList').css("border-color", "#23E3D5");
29 } else if (dataId == '3') { 26 } else if (dataId == '3') {
30 _applyBusinessEnd() 27 _applyBusinessEnd()
31 dataRendering(dataList.list) 28 dataRendering(dataList.list)
32 $('.appintmentList').css("border-color", "#FABF4F");
33 } 29 }
34 }) 30 })
35 $(function() { 31 $(function() {
......
...@@ -76,10 +76,10 @@ ...@@ -76,10 +76,10 @@
76 <!-- -------------预约列表--------------- --> 76 <!-- -------------预约列表--------------- -->
77 <div class="contentBox"> 77 <div class="contentBox">
78 <div class="arrowList"> 78 <div class="arrowList">
79 <p class="arrow0 arrow"></p> 79 <p class="arrow"></p>
80 <p class="arrow1 arrow"></p> 80 <p class="arrow"></p>
81 <p class="arrow2 arrow"></p> 81 <p class="arrow"></p>
82 <p class="arrow3 arrow"></p> 82 <p class="arrow"></p>
83 </div> 83 </div>
84 <ul class="appintmentList"> 84 <ul class="appintmentList">
85 <div class="noData"> 85 <div class="noData">
......