system-clients 3.2.14 → 3.2.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +104 -104
- package/src/App.vue +24 -24
- package/src/components/Main.vue +0 -4
- package/src/components/server/Login.vue +0 -370
- package/src/filiale/dongguan/Login.vue +11 -377
- package/src/filiale/konggang/Login.vue +0 -370
- package/src/filiale/tongchuan/Login.vue +528 -899
- package/src/styles/less/aofeng/login.less +367 -0
- package/src/styles/less/bootstrap.less +1 -1
- package/static/newStyle/dg-about-us.png +0 -0
- package/src/styles/fonts/PINGFANG LIGHT.TTF +0 -0
- package/src/styles/fonts/PingFangSC-Regular.ttf +0 -0
- package/src/styles/fonts/glyphicons-halflings-regular.eot +0 -0
- package/src/styles/fonts/glyphicons-halflings-regular.svg +0 -288
- package/src/styles/fonts/glyphicons-halflings-regular.ttf +0 -0
- package/src/styles/fonts/glyphicons-halflings-regular.woff +0 -0
- package/src/styles/fonts/glyphicons-halflings-regular.woff2 +0 -0
- package/src/styles/fonts/pingfang-bold.ttf +0 -0
- package/src/styles/fonts/pingfang-medium.ttf +0 -0
- package/src/styles/fonts/pingfang-regular.ttf +0 -0
- package/src/styles/fonts/trendstrends.ttf +0 -0
- package/src/styles/fonts//346/261/211/344/273/252/350/217/261/345/277/203/344/275/223/347/256/200.ttf +0 -0
@@ -467,374 +467,4 @@
|
|
467
467
|
</script>
|
468
468
|
|
469
469
|
<style>
|
470
|
-
|
471
|
-
/*输入框样式*/
|
472
|
-
/*@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);*/
|
473
|
-
* {
|
474
|
-
box-sizing: border-box;
|
475
|
-
margin: 0;
|
476
|
-
padding: 0;
|
477
|
-
font-weight: 400;
|
478
|
-
outline: none;
|
479
|
-
}
|
480
|
-
|
481
|
-
body {
|
482
|
-
font-family: 'Source Sans Pro', sans-serif;
|
483
|
-
color: white;
|
484
|
-
font-weight: 400;
|
485
|
-
}
|
486
|
-
|
487
|
-
body ::-webkit-input-placeholder {
|
488
|
-
/* WebKit browsers */
|
489
|
-
font-family: 'Source Sans Pro', sans-serif;
|
490
|
-
color: white;
|
491
|
-
font-weight: 400;
|
492
|
-
}
|
493
|
-
|
494
|
-
body :-moz-placeholder {
|
495
|
-
/* Mozilla Firefox 4 to 18 */
|
496
|
-
font-family: 'Source Sans Pro', sans-serif;
|
497
|
-
color: white;
|
498
|
-
opacity: 1;
|
499
|
-
font-weight: 400;
|
500
|
-
}
|
501
|
-
|
502
|
-
body ::-moz-placeholder {
|
503
|
-
/* Mozilla Firefox 19+ */
|
504
|
-
font-family: 'Source Sans Pro', sans-serif;
|
505
|
-
color: white;
|
506
|
-
opacity: 1;
|
507
|
-
font-weight: 400;
|
508
|
-
}
|
509
|
-
|
510
|
-
body :-ms-input-placeholder {
|
511
|
-
/* Internet Explorer 10+ */
|
512
|
-
font-family: 'Source Sans Pro', sans-serif;
|
513
|
-
color: white;
|
514
|
-
font-weight: 400;
|
515
|
-
}
|
516
|
-
|
517
|
-
.wrapper {
|
518
|
-
/*background: #2D83BA;
|
519
|
-
background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
|
520
|
-
background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
|
521
|
-
opacity: 0.8;*/
|
522
|
-
position: absolute;
|
523
|
-
top: 50%;
|
524
|
-
right: -60px;
|
525
|
-
width: 40%;
|
526
|
-
height: 400px;
|
527
|
-
margin-top: -150px;
|
528
|
-
overflow: hidden;
|
529
|
-
|
530
|
-
}
|
531
|
-
|
532
|
-
.wrapper.form-success .container h3 {
|
533
|
-
-webkit-transform: translateY(85px);
|
534
|
-
-ms-transform: translateY(85px);
|
535
|
-
transform: translateY(85px);
|
536
|
-
}
|
537
|
-
|
538
|
-
.container {
|
539
|
-
max-width: 350px;
|
540
|
-
margin: 0 auto;
|
541
|
-
padding: 30px 100px 50px 100px;
|
542
|
-
height: 400px;
|
543
|
-
text-align: center;
|
544
|
-
/*以下增加*/
|
545
|
-
background: #2D83BA;
|
546
|
-
background: -webkit-linear-gradient(top left, #2D83BA 0%, #2D83BA 100%);
|
547
|
-
background: linear-gradient(to bottom right, #2D83BA 0%, #2D83BA 100%);
|
548
|
-
opacity: 0.8;
|
549
|
-
}
|
550
|
-
|
551
|
-
.container h3 {
|
552
|
-
font-size: 40px;
|
553
|
-
-webkit-transition-duration: 1s;
|
554
|
-
transition-duration: 1s;
|
555
|
-
-webkit-transition-timing-function: ease-in-put;
|
556
|
-
transition-timing-function: ease-in-put;
|
557
|
-
font-weight: 200;
|
558
|
-
}
|
559
|
-
|
560
|
-
.form {
|
561
|
-
padding: 20px 0;
|
562
|
-
position: relative;
|
563
|
-
z-index: 2;
|
564
|
-
}
|
565
|
-
|
566
|
-
.form input {
|
567
|
-
-webkit-appearance: none;
|
568
|
-
-moz-appearance: none;
|
569
|
-
appearance: none;
|
570
|
-
outline: 0;
|
571
|
-
border: 1px solid #50ABE6;
|
572
|
-
background-color: #50ABE6;
|
573
|
-
width: 250px;
|
574
|
-
border-radius: 3px;
|
575
|
-
padding: 10px 15px;
|
576
|
-
margin: 0 auto 10px auto;
|
577
|
-
display: block;
|
578
|
-
text-align: center;
|
579
|
-
font-size: 18px;
|
580
|
-
color: white;
|
581
|
-
-webkit-transition-duration: 0.25s;
|
582
|
-
transition-duration: 0.25s;
|
583
|
-
font-weight: 400;
|
584
|
-
}
|
585
|
-
|
586
|
-
.form input:hover {
|
587
|
-
background-color: rgba(255, 255, 255, 0.4);
|
588
|
-
}
|
589
|
-
|
590
|
-
.form input:focus {
|
591
|
-
background-color: white;
|
592
|
-
width: 300px;
|
593
|
-
color: #53e3a6;
|
594
|
-
}
|
595
|
-
|
596
|
-
.usericon {
|
597
|
-
background-image: url(../../../static/usericon.png);
|
598
|
-
background-repeat: no-repeat;
|
599
|
-
background-size: 30px;
|
600
|
-
background-position-x: 8px;
|
601
|
-
background-position-y: 8px;
|
602
|
-
}
|
603
|
-
|
604
|
-
.psicon {
|
605
|
-
background-image: url(../../../static/psicon.png);
|
606
|
-
background-repeat: no-repeat;
|
607
|
-
background-size: 30px;
|
608
|
-
background-position-x: 8px;
|
609
|
-
background-position-y: 8px;
|
610
|
-
}
|
611
|
-
|
612
|
-
.form button {
|
613
|
-
-webkit-appearance: none;
|
614
|
-
-moz-appearance: none;
|
615
|
-
appearance: none;
|
616
|
-
outline: 0;
|
617
|
-
background-color: white;
|
618
|
-
border: 0;
|
619
|
-
padding: 10px 15px;
|
620
|
-
color: #253830;
|
621
|
-
border-radius: 3px;
|
622
|
-
width: 250px;
|
623
|
-
cursor: pointer;
|
624
|
-
font-size: 18px;
|
625
|
-
-webkit-transition-duration: 0.25s;
|
626
|
-
transition-duration: 0.25s;
|
627
|
-
}
|
628
|
-
|
629
|
-
.form button:hover {
|
630
|
-
background-color: #f5f7f9;
|
631
|
-
}
|
632
|
-
|
633
|
-
/*注册字体样式*/
|
634
|
-
.form span {
|
635
|
-
color: #fff;
|
636
|
-
display: table-footer-group;
|
637
|
-
position: absolute;
|
638
|
-
right: 10px;
|
639
|
-
margin-top: 10px;
|
640
|
-
cursor: pointer;
|
641
|
-
}
|
642
|
-
|
643
|
-
.logotitle {
|
644
|
-
color: #fff;
|
645
|
-
position: absolute;
|
646
|
-
top: 50px;
|
647
|
-
left: 50px;
|
648
|
-
font-size: 50px;
|
649
|
-
}
|
650
|
-
|
651
|
-
/*注册模态框界面样式*/
|
652
|
-
.modifystyle {
|
653
|
-
background: #FCFEEE;
|
654
|
-
}
|
655
|
-
|
656
|
-
.modifystyle div {
|
657
|
-
height: auto;
|
658
|
-
margin-bottom: 15px;
|
659
|
-
/*text-align: center;*/
|
660
|
-
/*margin-left: 20%;*/
|
661
|
-
}
|
662
|
-
|
663
|
-
/*bootstrap字体图标要手动调整,所以使用字体图标的span必须紧跟在input后面,负责会错位*/
|
664
|
-
.modifystyle div input + span {
|
665
|
-
top: 0 !important;
|
666
|
-
right: 32%;
|
667
|
-
}
|
668
|
-
|
669
|
-
.modifystyle span {
|
670
|
-
color: red;
|
671
|
-
}
|
672
|
-
|
673
|
-
/* 通告区内容 */
|
674
|
-
.notice-board {
|
675
|
-
height: auto;
|
676
|
-
position: absolute;
|
677
|
-
top: 50%;
|
678
|
-
margin-top: -150px;
|
679
|
-
margin-left: 100px;
|
680
|
-
color: #fff;
|
681
|
-
}
|
682
|
-
|
683
|
-
/*修改密码底部按钮部分样式*/
|
684
|
-
.footerbtn {
|
685
|
-
text-align: center;
|
686
|
-
padding: 15px;
|
687
|
-
}
|
688
|
-
|
689
|
-
.footerbtn button {
|
690
|
-
width: 100px;
|
691
|
-
margin-left: 20px;
|
692
|
-
}
|
693
|
-
|
694
|
-
.bg-bubbles {
|
695
|
-
position: absolute;
|
696
|
-
top: 0;
|
697
|
-
left: 0;
|
698
|
-
width: 100%;
|
699
|
-
height: 100%;
|
700
|
-
z-index: 1;
|
701
|
-
}
|
702
|
-
|
703
|
-
.bg-bubbles li {
|
704
|
-
position: absolute;
|
705
|
-
list-style: none;
|
706
|
-
display: block;
|
707
|
-
width: 40px;
|
708
|
-
height: 40px;
|
709
|
-
background-color: rgba(255, 255, 255, 0.15);
|
710
|
-
bottom: -160px;
|
711
|
-
-webkit-animation: square 25s infinite;
|
712
|
-
animation: square 25s infinite;
|
713
|
-
-webkit-transition-timing-function: linear;
|
714
|
-
transition-timing-function: linear;
|
715
|
-
}
|
716
|
-
|
717
|
-
.bg-bubbles li:nth-child(1) {
|
718
|
-
left: 10%;
|
719
|
-
}
|
720
|
-
|
721
|
-
.bg-bubbles li:nth-child(2) {
|
722
|
-
left: 20%;
|
723
|
-
width: 80px;
|
724
|
-
height: 80px;
|
725
|
-
-webkit-animation-delay: 2s;
|
726
|
-
animation-delay: 2s;
|
727
|
-
-webkit-animation-duration: 17s;
|
728
|
-
animation-duration: 17s;
|
729
|
-
}
|
730
|
-
|
731
|
-
.bg-bubbles li:nth-child(3) {
|
732
|
-
left: 25%;
|
733
|
-
-webkit-animation-delay: 4s;
|
734
|
-
animation-delay: 4s;
|
735
|
-
}
|
736
|
-
|
737
|
-
.bg-bubbles li:nth-child(4) {
|
738
|
-
left: 40%;
|
739
|
-
width: 60px;
|
740
|
-
height: 60px;
|
741
|
-
-webkit-animation-duration: 22s;
|
742
|
-
animation-duration: 22s;
|
743
|
-
background-color: rgba(255, 255, 255, 0.25);
|
744
|
-
}
|
745
|
-
|
746
|
-
.bg-bubbles li:nth-child(5) {
|
747
|
-
left: 70%;
|
748
|
-
}
|
749
|
-
|
750
|
-
.bg-bubbles li:nth-child(6) {
|
751
|
-
left: 80%;
|
752
|
-
width: 120px;
|
753
|
-
height: 120px;
|
754
|
-
-webkit-animation-delay: 3s;
|
755
|
-
animation-delay: 3s;
|
756
|
-
background-color: rgba(255, 255, 255, 0.2);
|
757
|
-
}
|
758
|
-
|
759
|
-
.bg-bubbles li:nth-child(7) {
|
760
|
-
left: 32%;
|
761
|
-
width: 160px;
|
762
|
-
height: 160px;
|
763
|
-
-webkit-animation-delay: 7s;
|
764
|
-
animation-delay: 7s;
|
765
|
-
}
|
766
|
-
|
767
|
-
.bg-bubbles li:nth-child(8) {
|
768
|
-
left: 55%;
|
769
|
-
width: 20px;
|
770
|
-
height: 20px;
|
771
|
-
-webkit-animation-delay: 15s;
|
772
|
-
animation-delay: 15s;
|
773
|
-
-webkit-animation-duration: 40s;
|
774
|
-
animation-duration: 40s;
|
775
|
-
}
|
776
|
-
|
777
|
-
.bg-bubbles li:nth-child(9) {
|
778
|
-
left: 25%;
|
779
|
-
width: 10px;
|
780
|
-
height: 10px;
|
781
|
-
-webkit-animation-delay: 2s;
|
782
|
-
animation-delay: 2s;
|
783
|
-
-webkit-animation-duration: 40s;
|
784
|
-
animation-duration: 40s;
|
785
|
-
background-color: rgba(255, 255, 255, 0.3);
|
786
|
-
}
|
787
|
-
|
788
|
-
.bg-bubbles li:nth-child(10) {
|
789
|
-
left: 90%;
|
790
|
-
width: 160px;
|
791
|
-
height: 160px;
|
792
|
-
-webkit-animation-delay: 11s;
|
793
|
-
animation-delay: 11s;
|
794
|
-
}
|
795
|
-
.logofooter{
|
796
|
-
font-size: 12px;
|
797
|
-
color:#fff;
|
798
|
-
width:150px;
|
799
|
-
margin-left: 17px;
|
800
|
-
}
|
801
|
-
.logocontent{
|
802
|
-
font-size: 14px;
|
803
|
-
color:#fff;
|
804
|
-
width:150px;
|
805
|
-
margin: 3px -15px;
|
806
|
-
}
|
807
|
-
.imglogo {
|
808
|
-
background:url(../../../static/logo.png);
|
809
|
-
background-size:100%;
|
810
|
-
}
|
811
|
-
.logoew {
|
812
|
-
width:120px;
|
813
|
-
height:120px;
|
814
|
-
float:right;
|
815
|
-
margin-right:8.5%;
|
816
|
-
margin-top:10px;
|
817
|
-
}
|
818
|
-
|
819
|
-
@-webkit-keyframes square {
|
820
|
-
0% {
|
821
|
-
-webkit-transform: translateY(0);
|
822
|
-
transform: translateY(0);
|
823
|
-
}
|
824
|
-
100% {
|
825
|
-
-webkit-transform: translateY(-700px) rotate(600deg);
|
826
|
-
transform: translateY(-700px) rotate(600deg);
|
827
|
-
}
|
828
|
-
}
|
829
|
-
|
830
|
-
@keyframes square {
|
831
|
-
0% {
|
832
|
-
-webkit-transform: translateY(0);
|
833
|
-
transform: translateY(0);
|
834
|
-
}
|
835
|
-
100% {
|
836
|
-
-webkit-transform: translateY(-700px) rotate(600deg);
|
837
|
-
transform: translateY(-700px) rotate(600deg);
|
838
|
-
}
|
839
|
-
}
|
840
470
|
</style>
|