h5.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .bottom-popup-h5 {
  2. width: 100vw;
  3. height: fit-content;
  4. position: fixed;
  5. left: 0;
  6. top: 0;
  7. bottom: 0;
  8. box-sizing: border-box;
  9. display: flex;
  10. flex-direction: column;
  11. justify-content: flex-end;
  12. align-items: stretch;
  13. margin: 0;
  14. padding: 0;
  15. z-index: 10;
  16. border-radius: 5px 5px 0 0;
  17. &-main {
  18. display: flex;
  19. flex-direction: column;
  20. justify-content: center;
  21. align-items: stretch;
  22. height: fit-content;
  23. background-color: #fff;
  24. .header {
  25. display: flex;
  26. flex-direction: row;
  27. justify-content: space-between;
  28. padding: 20px;
  29. font-size: 16px;
  30. .header-close {
  31. font-family: PingFangSC-Regular;
  32. font-weight: 400;
  33. color: #006eff;
  34. font-size: 18px;
  35. }
  36. }
  37. .footer {
  38. padding: 20px;
  39. .footer-submit {
  40. color: #fff;
  41. padding: 12px 0;
  42. width: 100%;
  43. background: #006eff;
  44. text-align: center;
  45. border-radius: 5px;
  46. font-size: 16px;
  47. }
  48. }
  49. }
  50. }
  51. .bottom-popup-uni {
  52. padding-bottom: var(--window-bottom);
  53. }