layout.scss 987 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @import "./variables.scss";
  2. @keyframes shake {
  3. 0% { margin-left: 0; }
  4. 25% { margin-left: 20rpx; }
  5. 75% { margin-left: -20rpx; }
  6. 100% { margin-left: 0; }
  7. }
  8. .zx-page-linear {
  9. width: 100%;
  10. min-height: 100vh;
  11. background: linear-gradient(180deg, $baseBgColor 0%, $pageBgColor 100%), $pageBgColor;
  12. background-size: 100% 528rpx;
  13. background-repeat: no-repeat;
  14. }
  15. .zx-form-btn {
  16. width: 100%;
  17. text-align: center;
  18. height: 88rpx;
  19. line-height: 88rpx;
  20. background: #C2C4C5;
  21. border-radius: 44rpx;
  22. font-family: PingFangSC, PingFang SC;
  23. font-size: 32rpx;
  24. color: #FFFFFF;
  25. &:active {
  26. opacity: .7;
  27. }
  28. &.is-submit {
  29. background: #000;
  30. }
  31. &.fix-bottom-btn {
  32. width: 93%;
  33. position: absolute;
  34. bottom: 48rpx;
  35. }
  36. }
  37. .zx-container {
  38. width: 100%;
  39. min-height: 100vh;
  40. padding: 32rpx 24rpx;
  41. background: $pageBgColor;
  42. .zx-wrap {
  43. width: 100%;
  44. background: #fff;
  45. padding: 40rpx 32rpx;
  46. border-radius: 40rpx;
  47. }
  48. }