style.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. // 导入全局样式变量
  2. @import '@/styles/variables.scss';
  3. .login {
  4. width: 100%;
  5. height: 100%;
  6. display: flex;
  7. overflow: hidden;
  8. .bg-gradient-primary {
  9. background: linear-gradient(135deg, $primary-color 0%, $primary-light 100%);
  10. }
  11. &-left {
  12. width: 50%;
  13. height: 100%;
  14. img {
  15. width: 100%;
  16. height: 100%;
  17. object-fit: cover;
  18. }
  19. }
  20. &-right {
  21. width: 40%;
  22. display: flex;
  23. flex-direction: column;
  24. justify-content: center;
  25. align-items: center;
  26. position: relative;
  27. &-content {
  28. width: 50%;
  29. &-title {
  30. margin-bottom: $spacing-8;
  31. &-text {
  32. font-size: $font-2xl;
  33. color: $primary-color;
  34. border-bottom: 2px solid $primary-color;
  35. background: linear-gradient(to bottom, $bg-secondary 50%, #D3DCF6 50%);
  36. }
  37. }
  38. }
  39. &-copyright {
  40. width: 100%;
  41. font-size: $font-sm;
  42. color: $text-disabled;
  43. display: flex;
  44. justify-content: center;
  45. position: absolute;
  46. bottom: $spacing-5;
  47. left: 0;
  48. }
  49. }
  50. }