作者 杨乐
1 个管道 的构建 通过 耗费 3 秒

提交

@@ -836,7 +836,6 @@ @@ -836,7 +836,6 @@
836 <a class="header-right-btn" href="javascript:history.go(-1)"> 836 <a class="header-right-btn" href="javascript:history.go(-1)">
837 <img src="./img/portfolio/Y9.png" class="header-right-yuan"> 837 <img src="./img/portfolio/Y9.png" class="header-right-yuan">
838 </a> 838 </a>
839 -  
840 </div> 839 </div>
841 </div> 840 </div>
842 <div class="personalCenter-left-all"> 841 <div class="personalCenter-left-all">
@@ -894,7 +893,7 @@ @@ -894,7 +893,7 @@
894 <div class="wxsty">微信</div> 893 <div class="wxsty">微信</div>
895 </div> 894 </div>
896 <div class="personal-wxh"> 895 <div class="personal-wxh">
897 - <div id="WXname" style="color: #fff;">111111</div> 896 + <div id="WXname" style="color: #fff;"></div>
898 <button id='WXunbind'>解绑</button> 897 <button id='WXunbind'>解绑</button>
899 </div> 898 </div>
900 </div> 899 </div>
@@ -906,7 +905,7 @@ @@ -906,7 +905,7 @@
906 <div class="wxsty">手机</div> 905 <div class="wxsty">手机</div>
907 </div> 906 </div>
908 <div class="personal-wxh"> 907 <div class="personal-wxh">
909 - <div id='Pnumber' style="color: #fff;">15555555555</div> 908 + <div id='Pnumber' style="color: #fff;"></div>
910 <button id="Punbind">解绑</button> 909 <button id="Punbind">解绑</button>
911 </div> 910 </div>
912 </div> 911 </div>
@@ -26,11 +26,105 @@ @@ -26,11 +26,105 @@
26 <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'> 26 <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
27 27
28 <style> 28 <style>
  29 + .myAccount {
  30 + opacity: 1;
  31 + font-size: 40px;
  32 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  33 + font-weight: Normal;
  34 + text-align: left;
  35 + color: #ffffff;
  36 + line-height: 100px;
  37 + cursor: pointer;
  38 + }
  39 +
  40 + #WXname,
  41 + #Pnumber {
  42 + opacity: 1;
  43 + font-size: 16px;
  44 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  45 + font-weight: Normal;
  46 + text-align: right;
  47 + color: #ffffff;
  48 + line-height: 24px;
  49 + }
  50 +
  51 + .wxSty1 {
  52 + height: 40px;
  53 + width: 40px;
  54 + }
  55 +
  56 + .wxsty {
  57 + margin-left: 16px;
  58 + opacity: 1;
  59 + font-size: 16px;
  60 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  61 + font-weight: Normal;
  62 + text-align: left;
  63 + color: #ffffff;
  64 + line-height: 24px;
  65 + }
  66 +
  67 + .wxall {
  68 + display: flex;
  69 + place-items: center;
  70 + }
  71 +
  72 + .personalInfo {
  73 + margin-top: 30px;
  74 + }
  75 +
  76 + .personalInfo p {
  77 + opacity: 1;
  78 + font-size: 16px;
  79 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  80 + font-weight: Normal;
  81 + text-align: left;
  82 + color: #ffffff;
  83 + line-height: 24px;
  84 + padding-bottom: 6px;
  85 + }
  86 +
  87 + .personalInfo input {
  88 + height: 34px;
  89 + }
  90 +
  91 + #head-img {
  92 + width: 106px;
  93 + height: 104px;
  94 + }
  95 +
  96 + #fullName {
  97 + opacity: 1;
  98 + font-size: 32px;
  99 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  100 + font-weight: Normal;
  101 + text-align: left;
  102 + color: #ffffff;
  103 + line-height: 48px;
  104 + }
  105 +
  106 + .header-right11 {
  107 + padding: 30px 110px;
  108 + display: flex;
  109 + justify-content: flex-end;
  110 + }
  111 +
  112 + .closes {
  113 + width: 70px;
  114 + height: 70px;
  115 + }
  116 +
29 .personalCenter-header-left-imgLogo { 117 .personalCenter-header-left-imgLogo {
30 background: #323232; 118 background: #323232;
31 width: 75%; 119 width: 75%;
32 } 120 }
33 121
  122 + .header-img11 {
  123 + width: 210px;
  124 + height: 30px;
  125 + margin: 50px 0 95px 70px;
  126 + }
  127 +
34 .personal-header-txt1 { 128 .personal-header-txt1 {
35 display: none; 129 display: none;
36 } 130 }
@@ -56,11 +150,6 @@ @@ -56,11 +150,6 @@
56 width: 100px; 150 width: 100px;
57 } 151 }
58 152
59 - #head-img {  
60 - width: 100px;  
61 - height: 100px;  
62 - }  
63 -  
64 .personal-all { 153 .personal-all {
65 display: flex; 154 display: flex;
66 } 155 }
@@ -283,9 +372,13 @@ @@ -283,9 +372,13 @@
283 padding-left: 2%; 372 padding-left: 2%;
284 } 373 }
285 374
  375 + p {
  376 + margin: 0;
  377 + }
  378 +
286 .per2-vip-list p { 379 .per2-vip-list p {
287 border-bottom: 1px solid #eaeaea; 380 border-bottom: 1px solid #eaeaea;
288 - padding: 2%; 381 + padding: 20px;
289 font-size: 16px; 382 font-size: 16px;
290 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 383 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
291 font-weight: Normal; 384 font-weight: Normal;
@@ -295,27 +388,88 @@ @@ -295,27 +388,88 @@
295 letter-spacing: 1px; 388 letter-spacing: 1px;
296 } 389 }
297 390
  391 + .zhanghao {
  392 + opacity: 1;
  393 + font-size: 32px;
  394 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  395 + font-weight: Normal;
  396 + text-align: left;
  397 + color: #ffffff;
  398 + line-height: 48px;
  399 + }
  400 +
  401 + .lijiPay {
  402 + border: 1px solid #66ca94;
  403 + opacity: 1;
  404 + font-size: 14px;
  405 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  406 + font-weight: 500;
  407 + text-align: center;
  408 + color: #323232;
  409 + line-height: 16px;
  410 + width: 110px;
  411 + height: 36px;
  412 + opacity: 1;
  413 + background: linear-gradient(226deg, #77e77f 8%, #39aa6d 96%);
  414 + border-radius: 20px;
  415 + }
  416 +
298 @media (max-width: 768px) { 417 @media (max-width: 768px) {
  418 + .per2-vip-list p {
  419 + border-bottom: 1px solid #eaeaea;
  420 + padding: 20px;
  421 + font-size: 16px;
  422 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  423 + font-weight: Normal;
  424 + text-align: left;
  425 + color: #323232;
  426 + line-height: 24px;
  427 + letter-spacing: 1px;
  428 + }
  429 +
  430 + .wxsty {
  431 + margin-left: 4px;
  432 + }
  433 +
  434 + .wxSty1 {
  435 + width: 20px;
  436 + height: 20px;
  437 + }
  438 +
  439 + .zhanghao {
  440 + font-size: 16px;
  441 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  442 + font-weight: Normal;
  443 + text-align: left;
  444 + color: #ffffff;
  445 + line-height: 24px;
  446 + }
  447 +
299 .personal-header-txt1 { 448 .personal-header-txt1 {
300 display: flex; 449 display: flex;
301 margin: 25px 20px; 450 margin: 25px 20px;
302 place-items: center; 451 place-items: center;
303 justify-content: space-between; 452 justify-content: space-between;
304 } 453 }
  454 +
305 .header-img1 { 455 .header-img1 {
306 width: 28%; 456 width: 28%;
307 } 457 }
  458 +
308 .header-right-btn { 459 .header-right-btn {
309 margin-right: 0px; 460 margin-right: 0px;
310 bottom: 0px 461 bottom: 0px
311 } 462 }
  463 +
312 .header-right-yuan { 464 .header-right-yuan {
313 width: 35px; 465 width: 35px;
314 height: 35px; 466 height: 35px;
315 } 467 }
  468 +
316 .header-txt11 { 469 .header-txt11 {
317 display: none; 470 display: none;
318 } 471 }
  472 +
319 .personalCenter-left-all { 473 .personalCenter-left-all {
320 width: 100%; 474 width: 100%;
321 display: flex; 475 display: flex;
@@ -323,14 +477,17 @@ @@ -323,14 +477,17 @@
323 padding-left: 30px; 477 padding-left: 30px;
324 padding-right: 30px; 478 padding-right: 30px;
325 } 479 }
  480 +
326 .personalCenter-right-all { 481 .personalCenter-right-all {
327 display: none; 482 display: none;
328 } 483 }
  484 +
329 .personalConter-left-headLine { 485 .personalConter-left-headLine {
330 display: flex; 486 display: flex;
331 flex-direction: row; 487 flex-direction: row;
332 width: 300px; 488 width: 300px;
333 } 489 }
  490 +
334 .personalConter-left-headLine h4 { 491 .personalConter-left-headLine h4 {
335 font-size: 24px; 492 font-size: 24px;
336 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 493 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -340,30 +497,37 @@ @@ -340,30 +497,37 @@
340 line-height: 36px; 497 line-height: 36px;
341 padding-left: 16px; 498 padding-left: 16px;
342 } 499 }
  500 +
343 #head-img { 501 #head-img {
344 width: 60px; 502 width: 60px;
345 height: 60px; 503 height: 60px;
346 } 504 }
  505 +
347 .personal-all { 506 .personal-all {
348 background: #323232; 507 background: #323232;
349 display: flex; 508 display: flex;
350 flex-direction: column; 509 flex-direction: column;
351 } 510 }
  511 +
352 header { 512 header {
353 display: none; 513 display: none;
354 } 514 }
  515 +
355 .personal-input-all { 516 .personal-input-all {
356 padding-top: 35px; 517 padding-top: 35px;
357 width: 100%; 518 width: 100%;
358 } 519 }
  520 +
359 .personal-input-all p { 521 .personal-input-all p {
360 font-size: 12px; 522 font-size: 12px;
361 } 523 }
  524 +
362 .per-zhanghao-img { 525 .per-zhanghao-img {
363 margin-right: 8px; 526 margin-right: 8px;
364 width: 23px; 527 width: 23px;
365 height: 23px; 528 height: 23px;
366 } 529 }
  530 +
367 .personal-zhanghao h4 { 531 .personal-zhanghao h4 {
368 font-size: 16px; 532 font-size: 16px;
369 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 533 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -372,16 +536,19 @@ @@ -372,16 +536,19 @@
372 color: #ffffff; 536 color: #ffffff;
373 line-height: 24px; 537 line-height: 24px;
374 } 538 }
  539 +
375 .personal-huiyuan { 540 .personal-huiyuan {
376 display: flex; 541 display: flex;
377 place-items: center; 542 place-items: center;
378 margin-top: 30px; 543 margin-top: 30px;
379 } 544 }
  545 +
380 .per-huiyuan-img { 546 .per-huiyuan-img {
381 margin-right: 8px; 547 margin-right: 8px;
382 width: 23px; 548 width: 23px;
383 height: 23px; 549 height: 23px;
384 } 550 }
  551 +
385 .personal-huiyuan h4 { 552 .personal-huiyuan h4 {
386 font-size: 16px; 553 font-size: 16px;
387 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 554 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -390,19 +557,23 @@ @@ -390,19 +557,23 @@
390 color: #ffffff; 557 color: #ffffff;
391 line-height: 24px; 558 line-height: 24px;
392 } 559 }
  560 +
393 .per-weixin-bind { 561 .per-weixin-bind {
394 margin-top: 29px; 562 margin-top: 29px;
395 } 563 }
  564 +
396 #WXunbind { 565 #WXunbind {
397 width: 29px; 566 width: 29px;
398 height: 29px; 567 height: 29px;
399 } 568 }
  569 +
400 .personal-wxh { 570 .personal-wxh {
401 display: flex; 571 display: flex;
402 width: 50%; 572 width: 50%;
403 place-items: center; 573 place-items: center;
404 justify-content: space-between; 574 justify-content: space-between;
405 } 575 }
  576 +
406 #WXunbind { 577 #WXunbind {
407 border-radius: 50%; 578 border-radius: 50%;
408 background-color: #66ca94; 579 background-color: #66ca94;
@@ -415,6 +586,7 @@ @@ -415,6 +586,7 @@
415 font-weight: 500; 586 font-weight: 500;
416 color: #323232; 587 color: #323232;
417 } 588 }
  589 +
418 #Punbind { 590 #Punbind {
419 border-radius: 50%; 591 border-radius: 50%;
420 background-color: #66ca94; 592 background-color: #66ca94;
@@ -427,11 +599,13 @@ @@ -427,11 +599,13 @@
427 font-weight: 500; 599 font-weight: 500;
428 color: #323232; 600 color: #323232;
429 } 601 }
  602 +
430 #meau_nav { 603 #meau_nav {
431 display: flex; 604 display: flex;
432 flex-direction: column; 605 flex-direction: column;
433 place-items: center; 606 place-items: center;
434 } 607 }
  608 +
435 .personal-vip-basic { 609 .personal-vip-basic {
436 width: 200px; 610 width: 200px;
437 margin-top: 35px; 611 margin-top: 35px;
@@ -439,9 +613,11 @@ @@ -439,9 +613,11 @@
439 border-radius: 4px; 613 border-radius: 4px;
440 margin-bottom: 30px; 614 margin-bottom: 30px;
441 } 615 }
  616 +
442 .personal-vip-info { 617 .personal-vip-info {
443 padding: 24px 0; 618 padding: 24px 0;
444 } 619 }
  620 +
445 .personal-vip-info p { 621 .personal-vip-info p {
446 font-size: 20px; 622 font-size: 20px;
447 font-family: SourceHanSansCN, SourceHanSansCN-Medium; 623 font-family: SourceHanSansCN, SourceHanSansCN-Medium;
@@ -449,6 +625,7 @@ @@ -449,6 +625,7 @@
449 color: #ffffff; 625 color: #ffffff;
450 line-height: 30px; 626 line-height: 30px;
451 } 627 }
  628 +
452 .personal-vip-info a { 629 .personal-vip-info a {
453 font-size: 14px; 630 font-size: 14px;
454 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 631 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -456,15 +633,18 @@ @@ -456,15 +633,18 @@
456 color: #ffffff; 633 color: #ffffff;
457 line-height: 21px; 634 line-height: 21px;
458 } 635 }
  636 +
459 .personal-vip-standard { 637 .personal-vip-standard {
460 width: 200px; 638 width: 200px;
461 margin-right: 0px; 639 margin-right: 0px;
462 border-radius: 4px; 640 border-radius: 4px;
463 margin-bottom: 30px; 641 margin-bottom: 30px;
464 } 642 }
  643 +
465 .personal-vip-info1 { 644 .personal-vip-info1 {
466 padding: 24px 0; 645 padding: 24px 0;
467 } 646 }
  647 +
468 .personal-vip-info1 p { 648 .personal-vip-info1 p {
469 font-size: 20px; 649 font-size: 20px;
470 font-family: SourceHanSansCN, SourceHanSansCN-Medium; 650 font-family: SourceHanSansCN, SourceHanSansCN-Medium;
@@ -472,6 +652,7 @@ @@ -472,6 +652,7 @@
472 color: #ffffff; 652 color: #ffffff;
473 line-height: 30px; 653 line-height: 30px;
474 } 654 }
  655 +
475 .personal-vip-info1 a { 656 .personal-vip-info1 a {
476 font-size: 14px; 657 font-size: 14px;
477 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 658 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -479,15 +660,18 @@ @@ -479,15 +660,18 @@
479 color: #ffffff; 660 color: #ffffff;
480 line-height: 21px; 661 line-height: 21px;
481 } 662 }
  663 +
482 .personal-vip-super { 664 .personal-vip-super {
483 width: 200px; 665 width: 200px;
484 margin-right: 0px; 666 margin-right: 0px;
485 border-radius: 4px; 667 border-radius: 4px;
486 margin-bottom: 30px; 668 margin-bottom: 30px;
487 } 669 }
  670 +
488 .personal-vip-info2 { 671 .personal-vip-info2 {
489 padding: 24px 0; 672 padding: 24px 0;
490 } 673 }
  674 +
491 .personal-vip-info2 p { 675 .personal-vip-info2 p {
492 font-size: 20px; 676 font-size: 20px;
493 font-family: SourceHanSansCN, SourceHanSansCN-Medium; 677 font-family: SourceHanSansCN, SourceHanSansCN-Medium;
@@ -495,6 +679,7 @@ @@ -495,6 +679,7 @@
495 color: #ffffff; 679 color: #ffffff;
496 line-height: 30px; 680 line-height: 30px;
497 } 681 }
  682 +
498 .personal-vip-info2 a { 683 .personal-vip-info2 a {
499 font-size: 14px; 684 font-size: 14px;
500 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 685 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -502,32 +687,39 @@ @@ -502,32 +687,39 @@
502 color: #ffffff; 687 color: #ffffff;
503 line-height: 21px; 688 line-height: 21px;
504 } 689 }
  690 +
505 .personal-pay { 691 .personal-pay {
506 display: flex; 692 display: flex;
507 flex-direction: column-reverse; 693 flex-direction: column-reverse;
508 } 694 }
  695 +
509 .personal-pay-zhifubao { 696 .personal-pay-zhifubao {
510 display: flex; 697 display: flex;
511 padding-right: 0px; 698 padding-right: 0px;
512 width: 100%; 699 width: 100%;
513 } 700 }
  701 +
514 .personal-pay-wx { 702 .personal-pay-wx {
515 display: flex; 703 display: flex;
516 place-items: center; 704 place-items: center;
517 width: 100%; 705 width: 100%;
518 margin-bottom: 16px; 706 margin-bottom: 16px;
519 } 707 }
  708 +
520 .personal-pay-zhifubao-input { 709 .personal-pay-zhifubao-input {
521 margin-right: 8px; 710 margin-right: 8px;
522 } 711 }
  712 +
523 .personal-pay-wx-input { 713 .personal-pay-wx-input {
524 margin-right: 8px; 714 margin-right: 8px;
525 } 715 }
  716 +
526 .personal-pay-button { 717 .personal-pay-button {
527 display: flex; 718 display: flex;
528 place-content: center; 719 place-content: center;
529 padding-bottom: 40px; 720 padding-bottom: 40px;
530 } 721 }
  722 +
531 .login-footer-all { 723 .login-footer-all {
532 display: flex; 724 display: flex;
533 background: #323232; 725 background: #323232;
@@ -535,15 +727,19 @@ @@ -535,15 +727,19 @@
535 place-items: center; 727 place-items: center;
536 display: flex; 728 display: flex;
537 } 729 }
  730 +
538 #vip-info { 731 #vip-info {
539 color: #fff; 732 color: #fff;
540 padding: 26px 0 8px 16px; 733 padding: 26px 0 8px 16px;
541 font-size: 24px; 734 font-size: 24px;
542 } 735 }
  736 +
543 .per2-date { 737 .per2-date {
544 padding: 0 0 26px 16px; 738 padding: 0 0 26px 16px;
545 } 739 }
  740 +
546 .per2-date-a {} 741 .per2-date-a {}
  742 +
547 .per2-date-a a { 743 .per2-date-a a {
548 font-size: 14px; 744 font-size: 14px;
549 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 745 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -553,6 +749,23 @@ @@ -553,6 +749,23 @@
553 line-height: 20px; 749 line-height: 20px;
554 letter-spacing: 1px; 750 letter-spacing: 1px;
555 } 751 }
  752 +
  753 + .personalInfo {
  754 + margin-top: 16px;
  755 + }
  756 +
  757 + .personalInfo p {
  758 + font-size: 12px;
  759 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  760 + font-weight: Normal;
  761 + text-align: left;
  762 + color: #ffffff;
  763 + line-height: 18px;
  764 + }
  765 +
  766 + .personalInfo input {
  767 + height: 24px;
  768 + }
556 } 769 }
557 </style> 770 </style>
558 771
@@ -564,22 +777,16 @@ @@ -564,22 +777,16 @@
564 <div class="header-txt11"> 777 <div class="header-txt11">
565 <div class='personalCenter-header-left-imgLogo'> 778 <div class='personalCenter-header-left-imgLogo'>
566 <div class="header-img11"> 779 <div class="header-img11">
567 - <img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'" style='width:100%'> 780 + <img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'"
  781 + style='width:100%'>
568 </div> 782 </div>
569 </div> 783 </div>
570 <div style="background: #66CA94;width: 25%;"> 784 <div style="background: #66CA94;width: 25%;">
571 <div class="header-right11"> 785 <div class="header-right11">
572 -  
573 - <!-- <div class="header-btnL">  
574 - <a href="aboutUs.html">  
575 - <div class="header-loginBtn">加入我们</div> 786 + <div class="closes">
  787 + <a href="javascript:history.go(-1)">
  788 + <img src="./img/portfolio/Y9.png" style="width: 100%;">
576 </a> 789 </a>
577 -  
578 - </div> -->  
579 - <div>  
580 - <!-- <a onclick="closePage()"><img src="./img/portfolio/Y9.png"></a> -->  
581 - <a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"></a>  
582 -  
583 </div> 790 </div>
584 </div> 791 </div>
585 </div> 792 </div>
@@ -591,7 +798,8 @@ @@ -591,7 +798,8 @@
591 <div class="personal-all"> 798 <div class="personal-all">
592 <div class="personal-header-txt1"> 799 <div class="personal-header-txt1">
593 <div class="header-img1"> 800 <div class="header-img1">
594 - <img src="./img/portfolio/whiteLogo.png" style="width: 100%;" onclick="window.location.href='index.html'"> 801 + <img src="./img/portfolio/whiteLogo.png" style="width: 100%;"
  802 + onclick="window.location.href='index.html'">
595 </div> 803 </div>
596 <div class="header-right1" style="place-items: center;"> 804 <div class="header-right1" style="place-items: center;">
597 <a href="aboutUs.html" style="color: #fff;margin-right: 15px; 805 <a href="aboutUs.html" style="color: #fff;margin-right: 15px;
@@ -600,7 +808,6 @@ @@ -600,7 +808,6 @@
600 <a class="header-right-btn" href="javascript:history.go(-1)"> 808 <a class="header-right-btn" href="javascript:history.go(-1)">
601 <img src="./img/portfolio/Y9.png" class="header-right-yuan"> 809 <img src="./img/portfolio/Y9.png" class="header-right-yuan">
602 </a> 810 </a>
603 -  
604 </div> 811 </div>
605 </div> 812 </div>
606 <div class="personalCenter-left-all"> 813 <div class="personalCenter-left-all">
@@ -608,73 +815,77 @@ @@ -608,73 +815,77 @@
608 <!-- 头像 --> 815 <!-- 头像 -->
609 <div id="head-img"> 816 <div id="head-img">
610 </div> 817 </div>
611 - <h4 style="color: #fff;" id="fullName"></h4> 818 + <div style="color: #fff;" id="fullName"></div>
612 </div> 819 </div>
613 <div class="personal-input-all"> 820 <div class="personal-input-all">
614 <div class="personal-zhanghao"> 821 <div class="personal-zhanghao">
615 <div class="per-zhanghao-img"> 822 <div class="per-zhanghao-img">
616 <img src="./img/portfolio/Y1.png" style="width: 100%;"> 823 <img src="./img/portfolio/Y1.png" style="width: 100%;">
617 </div> 824 </div>
618 - <h4 style="color: #fff;">账号</h4> 825 + <div class="zhanghao">账号</div>
619 </div> 826 </div>
620 - <div>  
621 - <p style="color: #fff;"></p> 827 + <div class="personalInfo">
  828 + <p></p>
622 <input placeholder="请输入姓" id="surname"></input> 829 <input placeholder="请输入姓" id="surname"></input>
623 </div> 830 </div>
624 - <div>  
625 - <p style="color: #fff;"></p> 831 + <div class="personalInfo">
  832 + <p></p>
626 <input placeholder="请输入名" id="userName"></input> 833 <input placeholder="请输入名" id="userName"></input>
627 </div> 834 </div>
628 - <div>  
629 - <p style="color: #fff;">学校</p> 835 + <div class="personalInfo">
  836 + <p>学校</p>
630 <input placeholder="请输入学校" id="school"></input> 837 <input placeholder="请输入学校" id="school"></input>
631 </div> 838 </div>
632 - <div>  
633 - <p style="color: #fff;">专业</p> 839 + <div class="personalInfo">
  840 + <p>专业</p>
634 <input placeholder="请输入专业" id="specialty"></input> 841 <input placeholder="请输入专业" id="specialty"></input>
635 </div> 842 </div>
636 - <div>  
637 - <p style="color: #fff;">手机号</p> 843 + <div class="personalInfo">
  844 + <p>手机号</p>
638 <input placeholder="请输入手机号" id="phone"></input> 845 <input placeholder="请输入手机号" id="phone"></input>
639 </div> 846 </div>
640 - <div>  
641 - <p style="color: #fff;">邮箱号</p> 847 + <div class="personalInfo">
  848 + <p>邮箱号</p>
642 <input placeholder="请输入邮箱号" id="emailAddress"></input> 849 <input placeholder="请输入邮箱号" id="emailAddress"></input>
643 </div> 850 </div>
644 <div style="text-align: center;padding: 5%;" class="btnSave"> 851 <div style="text-align: center;padding: 5%;" class="btnSave">
645 - <button style="color: #fff;background:linear-gradient(226deg,#77e77f 8%, #39aa6d 96%);border-radius: 10em;padding: 0.5% 2%;border: 1px solid #70D09D;padding: 0.5% 5%;">保存</button> 852 + <button class="lijiPay">保存</button>
646 </div> 853 </div>
647 <div class="personal-zhanghao"> 854 <div class="personal-zhanghao">
648 <div class="per-zhanghao-img"> 855 <div class="per-zhanghao-img">
649 <img src="./img/portfolio/Y2.png" style="width: 100%;"> 856 <img src="./img/portfolio/Y2.png" style="width: 100%;">
650 </div> 857 </div>
651 - <h4 style="color: #fff;">账户绑定与解绑</h4> 858 + <div class="zhanghao">账户绑定与解绑</div>
652 </div> 859 </div>
653 <div class="per-weixin-bind"> 860 <div class="per-weixin-bind">
654 - <div style="display: flex;place-items: center;width: 20%;">  
655 - <img src="./img/portfolio/Y3.png" style="margin-right: 4px;">  
656 - <a style="color: #fff;">微信</a> 861 + <div class="wxall">
  862 + <div class="wxSty1">
  863 + <img src="./img/portfolio/Y3.png" style="width: 100%;height: 100%;">
  864 + </div>
  865 + <div class="wxsty">微信</div>
657 </div> 866 </div>
658 <div class="personal-wxh"> 867 <div class="personal-wxh">
659 - <div id="WXname" style="color: #fff;">111111</div> 868 + <div id="WXname" style="color: #fff;"></div>
660 <button id='WXunbind'>解绑</button> 869 <button id='WXunbind'>解绑</button>
661 </div> 870 </div>
662 </div> 871 </div>
663 - <div style="display: flex;justify-content: space-between;margin-top: 5%;">  
664 - <div style="display: flex;place-items: center;width: 20%;">  
665 - <img src="./img/portfolio/Y4.png" style="margin-right: 5%;">  
666 - <a style="color: #fff;">手机</a> 872 + <div class="per-weixin-bind">
  873 + <div class="wxall">
  874 + <div class="wxSty1">
  875 + <img src="./img/portfolio/Y4.png" style="width: 100%;height: 100%;">
  876 + </div>
  877 + <div class="wxsty">手机</div>
667 </div> 878 </div>
668 <div class="personal-wxh"> 879 <div class="personal-wxh">
669 - <a id='Pnumber' style="color: #fff;"></a> 880 + <div id='Pnumber' style="color: #fff;"></div>
670 <button id="Punbind">解绑</button> 881 <button id="Punbind">解绑</button>
671 </div> 882 </div>
672 </div> 883 </div>
673 <div class="personal-huiyuan"> 884 <div class="personal-huiyuan">
674 - <div class="per-huiyuan-img"> 885 + <div class="per-zhanghao-img">
675 <img src="./img/portfolio/Y5.png" style="width: 100%;"> 886 <img src="./img/portfolio/Y5.png" style="width: 100%;">
676 </div> 887 </div>
677 - <h4 style="color: #fff;">会员权益</h4> 888 + <div class="zhanghao">会员权益</div>
678 </div> 889 </div>
679 <!-- <div id="meau_nav"> 890 <!-- <div id="meau_nav">
680 <div onclick="clickVIPone()" class="personal-vip-basic"> 891 <div onclick="clickVIPone()" class="personal-vip-basic">
@@ -701,7 +912,8 @@ @@ -701,7 +912,8 @@
701 </div> 912 </div>
702 </div> --> 913 </div> -->
703 <div style="margin-bottom: 50px;"> 914 <div style="margin-bottom: 50px;">
704 - <div style="background: url(./img/portfolio/Y10.png) no-repeat;background-size: 100% 100%;padding-left: 2%;"> 915 + <div
  916 + style="background: url(./img/portfolio/Y10.png) no-repeat;background-size: 100% 100%;padding-left: 2%;">
705 <h3 id="vip-info"></h3> 917 <h3 id="vip-info"></h3>
706 <div class="per2-date"> 918 <div class="per2-date">
707 <img src="./img/portfolio/Y11.png" style="width: 15px;height: 15px;"> 919 <img src="./img/portfolio/Y11.png" style="width: 15px;height: 15px;">
@@ -759,12 +971,9 @@ @@ -759,12 +971,9 @@
759 </div> 971 </div>
760 </div> 972 </div>
761 <div class='personalCenter-right-all'> 973 <div class='personalCenter-right-all'>
762 - <a href="personalCenter2.html">  
763 - <h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>  
764 - </a>  
765 - <a onclick="ifVIP()" style="cursor: pointer;">  
766 - <h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>  
767 - </a> 974 + <div class="myAccount" onclick="myAcc()">我的账号</div>
  975 + <!-- <div class="myAccount" onclick="ifVIP()">联系我们</div> -->
  976 + <div class="myAccount" onclick="aboutUs()">联系我们</div>
768 </div> 977 </div>
769 <div class="login-footer-all"> 978 <div class="login-footer-all">
770 <div class="login-footer-img" style="width: 25%;margin-top: 45px;"> 979 <div class="login-footer-img" style="width: 25%;margin-top: 45px;">
@@ -774,7 +983,9 @@ @@ -774,7 +983,9 @@
774 font-family: PingFangSC, PingFangSC-Regular; 983 font-family: PingFangSC, PingFangSC-Regular;
775 text-align: center; 984 text-align: center;
776 font-size: 9px;margin-top: 12px;">成功职场第一步,从Start-Line开始</div> 985 font-size: 9px;margin-top: 12px;">成功职场第一步,从Start-Line开始</div>
777 - <div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">关注Start-Line</div> 986 + <div
  987 + style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
  988 + 关注Start-Line</div>
778 <div style="width: 25%;margin-bottom: 200px;"> 989 <div style="width: 25%;margin-bottom: 200px;">
779 <img src="img/portfolio/EWM.png" width="100%"> 990 <img src="img/portfolio/EWM.png" width="100%">
780 </div> 991 </div>
@@ -803,7 +1014,7 @@ @@ -803,7 +1014,7 @@
803 <!-- carousel --> 1014 <!-- carousel -->
804 <script src="owl-carousel/owl.carousel.js"></script> 1015 <script src="owl-carousel/owl.carousel.js"></script>
805 <script> 1016 <script>
806 - $(document).ready(function() { 1017 + $(document).ready(function () {
807 $("#owl-brand").owlCarousel({ 1018 $("#owl-brand").owlCarousel({
808 autoPlay: 3000, 1019 autoPlay: 3000,
809 items: 1, 1020 items: 1,
@@ -132,22 +132,26 @@ $(document).ready(function() { @@ -132,22 +132,26 @@ $(document).ready(function() {
132 132
133 }); 133 });
134 //获取用户VIP信息判断是否是VIP 134 //获取用户VIP信息判断是否是VIP
135 -function ifVIP() {  
136 - var url5 = "/login/userInfo"; // 接口  
137 - var header = {  
138 - "Content-Type": "application/json",  
139 - "token": localStorage.getItem('token'),  
140 - }  
141 - // 调用公共ajax  
142 - ajax(url5, "GET", header, function(res) {  
143 - console.log(res); 135 +// function ifVIP() {
  136 +// var header = {
  137 +// "Content-Type": "application/json",
  138 +// "token": localStorage.getItem('token'),
  139 +// }
  140 +// ajax("/login/userInfo", "GET", header, function(res) {
  141 +// console.log(res);
144 142
145 - }, function(res) {  
146 - console.log(res);  
147 - if (res.data.status1 == 1) {  
148 - window.location.href = 'personalCenter2.html'  
149 - } else { 143 +// }, function(res) {
  144 +// console.log(res);
  145 +// if (res.data.status1 == 1) {
  146 +// window.location.href = 'personalCenter2.html'
  147 +// } else {
  148 +// window.location.href = 'aboutUs.html'
  149 +// }
  150 +// })
  151 +// }
  152 +function aboutUs(){
150 window.location.href = 'aboutUs.html' 153 window.location.href = 'aboutUs.html'
151 - }  
152 - }) 154 +}
  155 +function myAcc(){
  156 + window.location.href ='personalCenter2.html'
153 } 157 }