index.scss 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .Page.mortgageCalculation {
  2. background: #fff;
  3. >.MenuList {
  4. position: relative;
  5. overflow: hidden;
  6. border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  7. padding: 0 30px;
  8. >view {
  9. text-align: center;
  10. font-size: 0;
  11. >text {
  12. display: inline-block;
  13. font-size: 30px;
  14. font-weight: bold;
  15. line-height: 40px;
  16. padding: 20px 0 30px;
  17. position: relative;
  18. &.active {
  19. color: #193C83;
  20. &::after {
  21. content: '';
  22. width: 30px;
  23. height: 4px;
  24. border-radius: 4px;
  25. background: #193C83;
  26. display: block;
  27. position: absolute;
  28. left: 50%;
  29. bottom: 4px;
  30. transform: translateX(-50%);
  31. -webkit-transform: translateX(-50%);
  32. }
  33. }
  34. }
  35. }
  36. }
  37. >.flex-item {
  38. position: relative;
  39. overflow: hidden;
  40. >view {
  41. width: 100%;
  42. position: absolute;
  43. left: 0;
  44. top: 0;
  45. bottom: 0;
  46. overflow: hidden;
  47. > scroll-view {
  48. width: 100%;
  49. height: 100%;
  50. .PageContent {
  51. position: relative;
  52. overflow: hidden;
  53. min-height: 100vh;
  54. }
  55. }
  56. }
  57. }
  58. }