gpc-ui 0.1.8 → 0.1.10

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gpc-ui",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "description": "二小UI",
5
5
  "private": false,
6
6
  "main": "lib/gpc-ui.umd.min.js",
@@ -152,7 +152,7 @@ export default {
152
152
  },
153
153
  computed:{
154
154
  buttonLoginText(){
155
- return this.countdownLogin !== 0 ? `${this.countdownLogin}s`:"获取验证码"
155
+ return this.countdownLogin !== 0 ? `${this.countdownLogin}s`:"获取验证码"
156
156
  },
157
157
  buttonRestText(){
158
158
  return this.countdownRest !== 0 ? `${this.countdownRest}s`:"获取验证码"
@@ -331,8 +331,9 @@ a {
331
331
  }
332
332
 
333
333
  .wrap {
334
- width: 50%;
335
334
  height: 100vh;
335
+ width: 720px;
336
+ position: relative;
336
337
  }
337
338
 
338
339
  .wrap:after {
@@ -349,15 +350,18 @@ a {
349
350
  position: absolute;
350
351
  left: 0;
351
352
  top: 30%;
352
- width: 40%;
353
+ width: 720px;
353
354
  height: 320px;
354
355
  background: #018a46;
355
356
  z-index: 2;
356
357
  box-shadow: 0 0 10px 1px rgba(169, 169, 169, .2);
357
358
  border-radius: 3px;
359
+ top: calc(50% - 160px);
360
+ left: calc(50% - 410px);
358
361
  }
359
362
 
360
363
  .wrap-foot {
364
+ width: 100%;
361
365
  position: absolute;
362
366
  bottom: 2%;
363
367
  text-align: center;
@@ -416,7 +420,7 @@ a {
416
420
  .manager-box {
417
421
  position: absolute;
418
422
  height: 380px;
419
- width: 50%;
423
+ width: 380px;
420
424
  left: 50px;
421
425
  top: -30px;
422
426
  transition: all .8s linear;
@@ -468,19 +472,19 @@ a {
468
472
 
469
473
  @keyframes toRight {
470
474
  0% {
471
- left: 30px;
475
+ left: 50px;
472
476
  }
473
477
 
474
478
  45% {
475
- left: 400px;
479
+ left: 350px;
476
480
  }
477
481
 
478
482
  80% {
479
- left: 330px;
483
+ left: 300px;
480
484
  }
481
485
 
482
486
  100% {
483
- left: 340px;
487
+ left: 310px;
484
488
  }
485
489
  }
486
490
 
@@ -490,7 +494,7 @@ a {
490
494
 
491
495
  @keyframes toLeft {
492
496
  0% {
493
- left: 340px;
497
+ left: 390px;
494
498
  }
495
499
 
496
500
  45% {
@@ -498,11 +502,11 @@ a {
498
502
  }
499
503
 
500
504
  80% {
501
- left: 60px;
505
+ left: 50px;
502
506
  }
503
507
 
504
508
  100% {
505
- left: 50px;
509
+ left: 30px;
506
510
  }
507
511
  }
508
512