作者 lihan

修复

@@ -277,17 +277,17 @@ @@ -277,17 +277,17 @@
277 <div class="scroll_out"> 277 <div class="scroll_out">
278 <div class="scroll"> 278 <div class="scroll">
279 <volist name="data.schedule" id="vo"> 279 <volist name="data.schedule" id="vo">
280 - <div class="money" data-id="{$vo.schedule_id}">  
281 - <div class="year_change">  
282 - <if condition="$vo['schedule_id'] eq $data['choose']['schedule_id']">  
283 - <img src="__TMPL__/static/images/circle1.png"/>  
284 - <else/>  
285 - <img src="__TMPL__/static/images/circle.png"/>  
286 - </if>  
287 - <span>{$vo.start_time}&nbsp;&nbsp;{$vo.end_time}</span> 280 + <div class="money" data-id="{$vo.schedule_id}">
  281 + <div class="year_change">
  282 + <if condition="$vo['schedule_id'] eq $data['choose']['schedule_id']">
  283 + <img src="__TMPL__/static/images/circle1.png"/>
  284 + <else/>
  285 + <img src="__TMPL__/static/images/circle.png"/>
  286 + </if>
  287 + <span>{$vo.start_time}&nbsp;&nbsp;{$vo.end_time}</span>
  288 + </div>
  289 + <div class="price">¥{$vo.price}</div>
288 </div> 290 </div>
289 - <div class="price">¥{$vo.price}</div>  
290 - </div>  
291 </volist> 291 </volist>
292 </div> 292 </div>
293 <button class="bottom_button" value="">确定</button> 293 <button class="bottom_button" value="">确定</button>
@@ -551,7 +551,7 @@ @@ -551,7 +551,7 @@
551 }, 551 },
552 type:"POST", 552 type:"POST",
553 dataType:"JSON", 553 dataType:"JSON",
554 - 554 +
555 success: function (data) { 555 success: function (data) {
556 $(".showcang").html(data.data.choose.time_text); 556 $(".showcang").html(data.data.choose.time_text);
557 $("#down_price").html(data.data.down_price); 557 $("#down_price").html(data.data.down_price);
1 1
2 *{ 2 *{
3 - margin:0;  
4 - padding:0; 3 + margin:0;
  4 + padding:0;
5 } 5 }
6 body{ 6 body{
7 background: #f6f6f6; 7 background: #f6f6f6;
8 - display:flex;  
9 - flex-direction: column; 8 + display:flex;
  9 + flex-direction: column;
10 } 10 }
11 .taocan{ 11 .taocan{
12 font-size: 0.31rem; 12 font-size: 0.31rem;
@@ -22,10 +22,10 @@ body{ @@ -22,10 +22,10 @@ body{
22 font-size: 0.27rem; 22 font-size: 0.27rem;
23 } 23 }
24 .dainji { 24 .dainji {
25 - color: #999;  
26 - right: 0.2rem;  
27 - top: 0.05rem;  
28 - position: absolute; 25 + color: #999;
  26 + right: 0.2rem;
  27 + top: 0.05rem;
  28 + position: absolute;
29 } 29 }
30 .information .chu{ 30 .information .chu{
31 justify-content: space-between; 31 justify-content: space-between;
@@ -42,7 +42,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -42,7 +42,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
42 .wo{ 42 .wo{
43 color:#252729 ; 43 color:#252729 ;
44 font-size:0.25rem ; 44 font-size:0.25rem ;
45 - 45 +
46 } 46 }
47 .information{ 47 .information{
48 background: #fff; 48 background: #fff;
@@ -50,7 +50,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -50,7 +50,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
50 } 50 }
51 .information { 51 .information {
52 /*overflow: hidden;*/ 52 /*overflow: hidden;*/
53 - 53 +
54 } 54 }
55 55
56 .reduce,.add,.val{ 56 .reduce,.add,.val{
@@ -77,11 +77,11 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -77,11 +77,11 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
77 } 77 }
78 .information li .liang{ 78 .information li .liang{
79 margin-left: 0.15rem; 79 margin-left: 0.15rem;
80 - 80 +
81 } 81 }
82 /*.information li .lian{ 82 /*.information li .lian{
83 margin-right: 1rem; 83 margin-right: 1rem;
84 - 84 +
85 }*/ 85 }*/
86 .xuan{ 86 .xuan{
87 display: flex; 87 display: flex;
@@ -113,23 +113,23 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -113,23 +113,23 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
113 .information li .chuxing,.qita{ 113 .information li .chuxing,.qita{
114 color: #3988E5; 114 color: #3988E5;
115 font-size: 0.31rem; 115 font-size: 0.31rem;
116 - 116 +
117 } 117 }
118 .shuliang{ 118 .shuliang{
119 display: flex; 119 display: flex;
120 justify-content: space-between; 120 justify-content: space-between;
121 } 121 }
122 #shuliang{ 122 #shuliang{
123 - border-bottom:0;  
124 - }  
125 - 123 + border-bottom:0;
  124 +}
  125 +
126 .li_span{ 126 .li_span{
127 display: flex; 127 display: flex;
128 align-items: center; 128 align-items: center;
129 } 129 }
130 .information li:nth-child(4){ 130 .information li:nth-child(4){
131 padding-left: 0.23rem; 131 padding-left: 0.23rem;
132 - 132 +
133 } 133 }
134 .chengke{ 134 .chengke{
135 padding-right:0.32rem; 135 padding-right:0.32rem;
@@ -155,7 +155,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -155,7 +155,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
155 color: #999999; 155 color: #999999;
156 } 156 }
157 .icon-common-jinru-copy{ 157 .icon-common-jinru-copy{
158 - color: #000; 158 + color: #000;
159 } 159 }
160 .shang{ 160 .shang{
161 display: flex; 161 display: flex;
@@ -168,21 +168,21 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -168,21 +168,21 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
168 line-height: 0.8rem; 168 line-height: 0.8rem;
169 padding-left: 0.37rem; 169 padding-left: 0.37rem;
170 color: #252729; 170 color: #252729;
171 - font-size: 0.27rem;  
172 - display: flex;  
173 - padding-right:0.32rem ;  
174 - align-items: center;  
175 - border-bottom: 1px solid #eee; 171 + font-size: 0.27rem;
  172 + display: flex;
  173 + padding-right:0.32rem ;
  174 + align-items: center;
  175 + border-bottom: 1px solid #eee;
176 } 176 }
177 .youhui{ 177 .youhui{
178 margin-top: 0.2rem; 178 margin-top: 0.2rem;
179 background: #fff; 179 background: #fff;
180 - 180 +
181 } 181 }
182 .lian{ 182 .lian{
183 /*margin-right: -4.4rem;*/ 183 /*margin-right: -4.4rem;*/
184 color:#999999; 184 color:#999999;
185 - 185 +
186 } 186 }
187 .shang,.dan{ 187 .shang,.dan{
188 /*justify-content: space-between;*/ 188 /*justify-content: space-between;*/
@@ -191,16 +191,16 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -191,16 +191,16 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
191 line-height:0.945rem; 191 line-height:0.945rem;
192 padding-left: 0.37rem; 192 padding-left: 0.37rem;
193 color: #252729; 193 color: #252729;
194 - font-size: 0.27rem;  
195 - display: flex;  
196 - padding-right:0.32rem ;  
197 - align-items: center;  
198 - border-bottom: 1px solid #eee;  
199 - flex:1;  
200 - position: relative; 194 + font-size: 0.27rem;
  195 + display: flex;
  196 + padding-right:0.32rem ;
  197 + align-items: center;
  198 + border-bottom: 1px solid #eee;
  199 + flex:1;
  200 + position: relative;
201 } 201 }
202 .phurse{ 202 .phurse{
203 -color:#3988E5; 203 + color:#3988E5;
204 } 204 }
205 .dan1{ 205 .dan1{
206 /*justify-content: space-between;*/ 206 /*justify-content: space-between;*/
@@ -209,13 +209,13 @@ color:#3988E5; @@ -209,13 +209,13 @@ color:#3988E5;
209 line-height:0.945rem; 209 line-height:0.945rem;
210 padding-left: 0.37rem; 210 padding-left: 0.37rem;
211 color: #252729; 211 color: #252729;
212 - font-size: 0.27rem;  
213 - display: flex;  
214 - padding-right:0.32rem ;  
215 - align-items: center;  
216 - border-bottom: 1px solid #eee;  
217 - flex:1;  
218 - position: relative; 212 + font-size: 0.27rem;
  213 + display: flex;
  214 + padding-right:0.32rem ;
  215 + align-items: center;
  216 + border-bottom: 1px solid #eee;
  217 + flex:1;
  218 + position: relative;
219 } 219 }
220 220
221 .lian1{ 221 .lian1{
@@ -307,17 +307,17 @@ footer span{ @@ -307,17 +307,17 @@ footer span{
307 } 307 }
308 .mold_main{ 308 .mold_main{
309 padding: 0.31rem 0.6rem 0 0.61rem; 309 padding: 0.31rem 0.6rem 0 0.61rem;
310 - position: absolute;  
311 - background-color: #fff;  
312 - width: 4.5rem;  
313 - height: 2.68rem;  
314 - margin: 4rem 0 0 0.9rem;  
315 - display: flex;  
316 - flex-direction: column;  
317 - align-items: center; 310 + position: absolute;
  311 + background-color: #fff;
  312 + width: 4.5rem;
  313 + height: 2.68rem;
  314 + margin: 4rem 0 0 0.9rem;
  315 + display: flex;
  316 + flex-direction: column;
  317 + align-items: center;
318 } 318 }
319 .move{ 319 .move{
320 -z-index: 10; 320 + z-index: 10;
321 position: fixed; 321 position: fixed;
322 top:0; 322 top:0;
323 left:0; 323 left:0;
@@ -326,30 +326,30 @@ z-index: 10; @@ -326,30 +326,30 @@ z-index: 10;
326 background-color: rgba(0,0,0,0.5); 326 background-color: rgba(0,0,0,0.5);
327 } 327 }
328 .fang{ 328 .fang{
329 - display: flex;  
330 - height: 1.02rem;  
331 - align-items: center;  
332 - justify-content: space-between;  
333 - border-bottom: 0.01rem solid #EBEBEB;  
334 - padding: 0 0.31rem; 329 + display: flex;
  330 + height: 1.02rem;
  331 + align-items: center;
  332 + justify-content: space-between;
  333 + border-bottom: 0.01rem solid #EBEBEB;
  334 + padding: 0 0.31rem;
335 } 335 }
336 .change{ 336 .change{
337 -padding: 0 0.31rem;  
338 -width: 100%; 337 + padding: 0 0.31rem;
  338 + width: 100%;
339 } 339 }
340 .call{ 340 .call{
341 font-size: 0.32rem; 341 font-size: 0.32rem;
342 color: #252729; 342 color: #252729;
343 - 343 +
344 } 344 }
345 .required{ 345 .required{
346 -display: flex;  
347 -flex-direction: column;  
348 -align-items: center;  
349 -margin-top: 1rem; 346 + display: flex;
  347 + flex-direction: column;
  348 + align-items: center;
  349 + margin-top: 1rem;
350 } 350 }
351 .yes{ 351 .yes{
352 -margin-bottom: 0.4rem;} 352 + margin-bottom: 0.4rem;}
353 353
354 354
355 .single{ 355 .single{
@@ -361,16 +361,16 @@ margin-bottom: 0.4rem;} @@ -361,16 +361,16 @@ margin-bottom: 0.4rem;}
361 color: #3988E5; 361 color: #3988E5;
362 } 362 }
363 .move_main{ 363 .move_main{
364 -z-index: 1000; 364 + z-index: 1000;
365 bottom: 0; 365 bottom: 0;
366 - position: absolute;  
367 - background-color: #fff;  
368 - width: 100%;  
369 - height: 4.55rem;  
370 -  
371 - display: flex;  
372 - flex-direction: column;  
373 - align-items: center; 366 + position: absolute;
  367 + background-color: #fff;
  368 + width: 100%;
  369 + height: 4.55rem;
  370 +
  371 + display: flex;
  372 + flex-direction: column;
  373 + align-items: center;
374 } 374 }
375 .green{ 375 .green{
376 color:#008000 ; 376 color:#008000 ;
@@ -388,20 +388,20 @@ z-index: 1000; @@ -388,20 +388,20 @@ z-index: 1000;
388 .danxuan .icon-duigou{ 388 .danxuan .icon-duigou{
389 font-size:0.3rem; 389 font-size:0.3rem;
390 color:#000; 390 color:#000;
391 -  
392 - 391 +
  392 +
393 } 393 }
394 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ 394 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
395 - color: #999; 395 + color: #999;
396 } 396 }
397 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 397 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
398 - color: #999; 398 + color: #999;
399 } 399 }
400 ::-moz-placeholder { /* Mozilla Firefox 19+ */ 400 ::-moz-placeholder { /* Mozilla Firefox 19+ */
401 - color: #999; 401 + color: #999;
402 } 402 }
403 :-ms-input-placeholder { /* Internet Explorer 10-11 */ 403 :-ms-input-placeholder { /* Internet Explorer 10-11 */
404 - color: #999; 404 + color: #999;
405 } 405 }
406 .weui-picker__action{ 406 .weui-picker__action{
407 color:#999; 407 color:#999;
@@ -414,7 +414,7 @@ z-index: 1000; @@ -414,7 +414,7 @@ z-index: 1000;
414 .xi{ 414 .xi{
415 display: flex; 415 display: flex;
416 align-items: center; 416 align-items: center;
417 - justify-content: space-between; 417 + justify-content: space-between;
418 } 418 }
419 input::input-placeholder{ 419 input::input-placeholder{
420 color: #ccc; 420 color: #ccc;
@@ -470,52 +470,52 @@ input::input-placeholder{ @@ -470,52 +470,52 @@ input::input-placeholder{
470 } 470 }
471 .scroll_out{ 471 .scroll_out{
472 overflow: hidden; 472 overflow: hidden;
473 - width: 5.0rem; 473 + width: 5.0rem;
474 } 474 }
475 .price{color: #54C0B4;} 475 .price{color: #54C0B4;}
476 .move1{ 476 .move1{
477 display: none; 477 display: none;
478 - z-index: 10;  
479 - position: fixed;  
480 - top: 0;  
481 - left: 0;  
482 - width: 100%;  
483 - height: 100%;  
484 - background-color: rgba(0,0,0,0.5); 478 + z-index: 10;
  479 + position: fixed;
  480 + top: 0;
  481 + left: 0;
  482 + width: 100%;
  483 + height: 100%;
  484 + background-color: rgba(0,0,0,0.5);
485 } 485 }
486 .move_main1 { 486 .move_main1 {
487 - animation: move 0.18s;  
488 -} 487 + animation: move 0.18s;
  488 +}
489 .move_main1 { 489 .move_main1 {
490 - z-index: 1000;  
491 - bottom: 0;  
492 - position: absolute;  
493 - background-color: #fff;  
494 - width: 100%;  
495 -  
496 - display: flex;  
497 - flex-direction: column;  
498 - align-items: center; 490 + z-index: 1000;
  491 + bottom: 0;
  492 + position: absolute;
  493 + background-color: #fff;
  494 + width: 100%;
  495 +
  496 + display: flex;
  497 + flex-direction: column;
  498 + align-items: center;
499 } 499 }
500 /*确认取消弹出框*/ 500 /*确认取消弹出框*/
501 .shang1, .dan1 { 501 .shang1, .dan1 {
502 -  
503 - font-size: 0.31rem;  
504 - height: 0.945rem;  
505 - line-height: 0.945rem;  
506 - padding-left: 0.37rem;  
507 - color: #252729;  
508 - font-size: 0.27rem;  
509 - display: flex;  
510 - padding-right: 0.32rem;  
511 - align-items: center;  
512 - border-bottom: 1px solid #eee;  
513 -  
514 - flex: 1; 502 +
  503 + font-size: 0.31rem;
  504 + height: 0.945rem;
  505 + line-height: 0.945rem;
  506 + padding-left: 0.37rem;
  507 + color: #252729;
  508 + font-size: 0.27rem;
  509 + display: flex;
  510 + padding-right: 0.32rem;
  511 + align-items: center;
  512 + border-bottom: 1px solid #eee;
  513 +
  514 + flex: 1;
515 } 515 }
516 .choose { 516 .choose {
517 - color: #3988E5;  
518 - font-size: 0.32rem; 517 + color: #3988E5;
  518 + font-size: 0.32rem;
519 } 519 }
520 .shang2{ 520 .shang2{
521 width: 100%; 521 width: 100%;
@@ -540,37 +540,37 @@ input::input-placeholder{ @@ -540,37 +540,37 @@ input::input-placeholder{
540 margin-left: 0.1rem; 540 margin-left: 0.1rem;
541 padding-top: 0.3rem; 541 padding-top: 0.3rem;
542 margin-right: 0.25rem; 542 margin-right: 0.25rem;
543 - } 543 +}
544 .icon-xuanzhong2{ 544 .icon-xuanzhong2{
545 color:#FE0A01; 545 color:#FE0A01;
546 } 546 }
547 .move3{ 547 .move3{
548 display: none; 548 display: none;
549 - z-index: 10;  
550 - position: fixed;  
551 - top: 0;  
552 - left: 0;  
553 - width: 100%;  
554 - height: 100%;  
555 - background-color: rgba(0,0,0,0.5); 549 + z-index: 10;
  550 + position: fixed;
  551 + top: 0;
  552 + left: 0;
  553 + width: 100%;
  554 + height: 100%;
  555 + background-color: rgba(0,0,0,0.5);
556 } 556 }
557 .move_main3{ 557 .move_main3{
558 border-radius: 0.1rem; 558 border-radius: 0.1rem;
559 - left: 1.3rem;  
560 - width: 5rem;  
561 - top: 4.6rem;  
562 - z-index: 1000;  
563 - /* bottom: 0; */  
564 - position: absolute;  
565 - background-color: #fff;  
566 - /* width: 100%; */  
567 - height: 4rem;  
568 - display: flex;  
569 - /* justify-content: center; */  
570 - align-items: center;  
571 - background: #fff;  
572 - flex-direction: column;  
573 - height: 3rem; 559 + left: 1.3rem;
  560 + width: 5rem;
  561 + top: 4.6rem;
  562 + z-index: 1000;
  563 + /* bottom: 0; */
  564 + position: absolute;
  565 + background-color: #fff;
  566 + /* width: 100%; */
  567 + height: 4rem;
  568 + display: flex;
  569 + /* justify-content: center; */
  570 + align-items: center;
  571 + background: #fff;
  572 + flex-direction: column;
  573 + height: 3rem;
574 } 574 }
575 /*绑定手机号*/ 575 /*绑定手机号*/
576 .tie_phone{ 576 .tie_phone{
@@ -583,26 +583,26 @@ input::input-placeholder{ @@ -583,26 +583,26 @@ input::input-placeholder{
583 } 583 }
584 .phone_btn{ 584 .phone_btn{
585 margin-top: 0.3rem; 585 margin-top: 0.3rem;
586 - height: 0.8rem;  
587 - width: 100%;  
588 - border-top: 0.01rem solid #EBEBEB;  
589 - background: #fff;  
590 - border-radius: 0.01rem 0.01rem 0.01rem 0.01rem;  
591 - color:#FF0000;  
592 - font-size: 0.3rem;  
593 - display: flex;  
594 - align-items: center;  
595 - justify-content: center;  
596 - 586 + height: 0.8rem;
  587 + width: 100%;
  588 + border-top: 0.01rem solid #EBEBEB;
  589 + background: #fff;
  590 + border-radius: 0.01rem 0.01rem 0.01rem 0.01rem;
  591 + color:#FF0000;
  592 + font-size: 0.3rem;
  593 + display: flex;
  594 + align-items: center;
  595 + justify-content: center;
  596 +
597 } 597 }
598 .phone_input{ 598 .phone_input{
599 padding-left: 0.2rem; 599 padding-left: 0.2rem;
600 - margin-top: 0.2rem;  
601 - outline: none;  
602 - height: 0.7rem;  
603 - width: 3.8rem;  
604 - border: 0.02rem solid #eee;  
605 - border-radius: 0.05rem; 600 + margin-top: 0.2rem;
  601 + outline: none;
  602 + height: 0.7rem;
  603 + width: 3.8rem;
  604 + border: 0.02rem solid #eee;
  605 + border-radius: 0.05rem;
606 } 606 }
607 /*单选*/ 607 /*单选*/
608 .single{ 608 .single{
@@ -616,15 +616,15 @@ input::input-placeholder{ @@ -616,15 +616,15 @@ input::input-placeholder{
616 align-items: center; 616 align-items: center;
617 justify-content: center; 617 justify-content: center;
618 vertical-align:middle*/ 618 vertical-align:middle*/
619 - 619 +
620 } 620 }
621 .icon-yuandianxiao{ 621 .icon-yuandianxiao{
622 position: absolute; 622 position: absolute;
623 color: #656565; 623 color: #656565;
624 display: block; 624 display: block;
625 left: 50%; 625 left: 50%;
626 - top: 50%;  
627 - transform: translate(-50%,-50%); 626 + top: 50%;
  627 + transform: translate(-50%,-50%);
628 } 628 }
629 .single1{ 629 .single1{
630 color: #252729; 630 color: #252729;
@@ -632,7 +632,7 @@ input::input-placeholder{ @@ -632,7 +632,7 @@ input::input-placeholder{
632 } 632 }
633 .required .yes{ color:red;} 633 .required .yes{ color:red;}
634 .required span{font-size: 0.32rem; 634 .required span{font-size: 0.32rem;
635 -color:#252729; 635 + color:#252729;
636 } 636 }
637 .single img{ 637 .single img{
638 width: 100%; 638 width: 100%;
@@ -640,4 +640,4 @@ color:#252729; @@ -640,4 +640,4 @@ color:#252729;
640 .money i{ 640 .money i{
641 font-size: 0.32rem; 641 font-size: 0.32rem;
642 color: #656565; 642 color: #656565;
643 -} 643 +}