index.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .label {
  2. color: #c4c4c4;
  3. }
  4. .topnavigator {
  5. box-sizing: border-box;
  6. // display: flex;
  7. height: 68px;
  8. margin-top: 23px;
  9. background: #fff;
  10. .floor {
  11. display: flex;
  12. align-items: center;
  13. float: left;
  14. //justify-content: center;
  15. width: 120px;
  16. height: 100%;
  17. border-right: 1px solid rgba(196, 196, 196, 0.4);
  18. }
  19. .navigator {
  20. display: flex;
  21. float: left;
  22. height: 100%;
  23. .navItem {
  24. display: flex;
  25. flex-direction: column;
  26. align-items: center;
  27. justify-content: center;
  28. width: 50px;
  29. height: 100%;
  30. margin: 0 20px;
  31. font-size: 12px;
  32. border-bottom: 3px solid transparent;
  33. cursor: pointer;
  34. .text {
  35. margin-top: 7px;
  36. color: #000;
  37. text-align: center;
  38. }
  39. }
  40. }
  41. .right {
  42. display: flex;
  43. flex-direction: column;
  44. justify-content: center;
  45. float: right;
  46. width: 220px;
  47. height: 100%;
  48. white-space: nowrap;
  49. .firstLine {
  50. font-weight: 500;
  51. line-height: 20px;
  52. }
  53. .value {
  54. // color: #e5574f;
  55. font-size: 28px;
  56. }
  57. .unit {
  58. // color: #e5574f;
  59. }
  60. .text {
  61. color: #c4c4c4;
  62. }
  63. }
  64. }