index.less 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. /* nova-werun/pages/home/sport/sport-start/index.wxss */
  2. .all{
  3. width: 100vw;
  4. .map{
  5. width: 100%;
  6. height: 600rpx;
  7. }
  8. .numberbox{
  9. width: 100%;
  10. height: 780rpx;
  11. display: flex;
  12. align-items: center;
  13. flex-direction: column;
  14. .distance{
  15. display: flex;
  16. align-items: flex-end;
  17. margin-top: 20rpx;
  18. .dis-num{
  19. height: 132rpx;
  20. font-size: 100rpx;
  21. display: flex;
  22. align-items: flex-end;
  23. }
  24. .dis-text{
  25. height: 132rpx;
  26. font-size: 35rpx;
  27. display: flex;
  28. align-items: flex-end;
  29. padding-bottom: 18rpx;
  30. margin-left: 10rpx;
  31. }
  32. }
  33. .number{
  34. width: 100%;
  35. height: 200rpx;
  36. display: flex;
  37. justify-content: space-between;
  38. margin-top: 30rpx;
  39. .num{
  40. height: 100%;
  41. width: 255rpx;
  42. display: flex;
  43. flex-direction: column;
  44. justify-content: center;
  45. align-items: center;
  46. .num-num{
  47. font-size: 50rpx;
  48. margin-bottom: 18rpx;
  49. }
  50. .num-text{
  51. width: 100%;
  52. display: flex;
  53. justify-content: center;
  54. align-items: center;
  55. font-size: 28rpx;
  56. }
  57. }
  58. }
  59. }
  60. .btn{
  61. width: 350rpx;
  62. height: 350rpx;
  63. display: flex;
  64. justify-content: center;
  65. align-items: center;
  66. flex-direction: column;
  67. .pause{
  68. width: 200rpx;
  69. height: 200rpx;
  70. margin-top: 25rpx;
  71. }
  72. .btn-text{
  73. font-size: 30rpx;
  74. margin-top: 20rpx;
  75. }
  76. }
  77. }