math.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .math-container{
  2. padding: 0 30rpx;
  3. background: #ffffff;
  4. /deep/.u-form-item{
  5. padding: 8rpx 0;
  6. }
  7. .select{
  8. width: 100%;
  9. display: inline-block;
  10. background: #f5f5f5;
  11. padding-left: 30rpx;
  12. font-weight: bold;
  13. }
  14. .header{
  15. padding: 30rpx 0;
  16. }
  17. .main{
  18. padding: 30rpx 0;
  19. .form{
  20. width: 100%;
  21. margin-bottom: 30rpx;
  22. }
  23. }
  24. .footer{
  25. padding: 0 0 80rpx;
  26. .result{
  27. color: $main-color;
  28. font-size: 36rpx;
  29. font-weight: 600;
  30. line-height: 1.15rem;
  31. text{
  32. font-size: 24rpx;
  33. font-weight: normal;
  34. &:last-child{
  35. margin-left: 10rpx;
  36. }
  37. }
  38. }
  39. .calc-img{
  40. width: 100%;
  41. position: relative;
  42. text{
  43. position: absolute;
  44. font-size: 28rpx;
  45. font-weight: 600;
  46. color: $main-color;
  47. z-index: 999;
  48. &.top{
  49. top: 20rpx;
  50. }
  51. &.bottom{
  52. top: 260rpx;
  53. }
  54. }
  55. }
  56. .title{
  57. text-align: center;
  58. font-size: 37rpx;
  59. padding: 30rpx 0;
  60. font-weight: 600;
  61. }
  62. }
  63. }